@charset "utf-8";
@import "animate.css";
@import "nggallery.css";
@import "fonts/awe/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@0;1&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.Covid19 {
   width:       450px;
   z-index:     100;
   margin:      0 auto; 
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
   border-bottom-left-radius: 25px;
   border-bottom-right-radius: 25px;
   background:  #303c6c;
   padding: 10px 10px 10px 10px;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 14pt;
    line-height: auto;
	/*font-family: Arial;*/
	font-family: 'Roboto Condensed', sans-serif;

    color: #000;
    border-color: #eee;
	/* -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; */
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address,
	big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
	center, dl, dt, dd, fieldset, form, label, legend {
	margin:0;
	padding:0;
	vertical-align:baseline;
}

sup {
    font-size:xx-small; 
    vertical-align:super;
}

.pcy-table-home {border: 1px solid #50A8F2;}

body p {
	line-height:auto;
	margin:0 0 0 0;
	text-align:left;
	color:#000;
	font-size:14pt;
	/* -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; */
}

.video-container-pcy {
padding-bottom: 56.25%;
margin-bottom: 15px;
}

.video-container-pcy-body {
position: relative;
}

.video-container-pcy iframe, 
.video-container-pcy object,
.video-container-pcy embed {
top: 0;
left: 0;
width: 100%;
}

.single-pic-size { width: 30%; }

img {border:none; max-width:100%;}
*, *::before, *::after{box-sizing:border-box;}
address, article, aside, figcaption, figure, footer, header, main, nav, section, ol{display:block; margin:0; padding:0;valign:bottom; align:middle;}
input, textarea, select {font-family: 'Roboto Condensed', sans-serif;font-size:17px; font-weight:400; -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto; user-select: auto;}
*:focus {outline: none;}
iframe{max-width:100% !important;border:none;}
a{text-decoration:none;}
.clear {clear:both;}
.crP{cursor:pointer;}

.width1{width:100%;}
.width2{width:50%;}
.width3{width:33.3%;}
.wrapper1{
    width:100%; 
    margin:0 auto; 
    background: #fff; 
    border-color: #eee;
    border-style: solid;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border: none;
}

.displayIB{display:inline-block; vertical-align: middle;}
.displayIB1{display:inline-block;}
.displayB{display:block;}
.displayN{display:none;}
.vertalignT{vertical-align: top;}
.vertalignC{margin: 0 auto !important;}

.dTable{display:table;}
.dTableCll{display:table-cell; vertical-align:top;}

.tableNB{border: 0px !important;}
.projTable tr td {border: 0px !important; border-bottom: 1px solid #336699 !important; text-align: center;}
.projTable th {border: 0px !important; background: #336699; color: white; text-align: center;}

.pptsub {width: 100%; text-align: center; padding: 10px 0 10px 0; margin:0 auto; text-align: center;}

.textR{text-align:right;}
.textL{text-align:left;}
.textC{text-align:center;}
.textJ{text-align:justify;}
.textUp{text-transform:uppercase;}

.homepTable{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.notePT{font-size:11pt; text-align: center; margin-top:10px;}

.fRight{float:right !important;}
.fLeft{float:left !important;}
.centD{margin: 0 auto; margin: 15px 0 15px 0;}

.tableNote{padding-left: 45px;text-align: left;}

.fSize10{font-size:10pt;}
.fSize11{font-size:11pt;}
.fSize12{font-size:12pt;}
.fSize13{font-size:13pt;}
.fSize14{font-size:14pt;}
.fSize15{font-size:15pt;}
.fSize16{font-size:16pt;}
.fSize17{font-size:17pt;}
.fSize18{font-size:18pt;}
.fSize19{font-size:19pt;}
.fSize20{font-size:20pt;}
.fSize21{font-size:21pt;}
.fSize22{font-size:22pt;}
.fSize23{font-size:23pt;}
.fSize24{font-size:24pt;}
.fSize25{font-size:25pt;}
.fSize26{font-size:26pt;}
.fSize27{font-size:27pt;}
.fSize28{font-size:28pt;}
.fSize30{font-size:30pt;}
.fSize40{font-size:40pt;}

.font3{font-weight:300;}
.font4{font-weight:400;}
.font5{font-weight:500;}
.font7{font-weight:700;}
.font8{font-weight:800;}
.font9{font-weight:900;}
.fontB{font-weight: bold;}
.fontN{font-weight: normal;}

.wrpad{padding: 25px 15% 0 15%;}

.padding1{padding:15px;}
.padding2{padding:0 15px;}
.padding3{padding:15px 0;}
.padding4{padding:5px 0;}
.padding5{padding:25px 0 25px 0;}
.padding6{padding-bottom:10px;}
.padding7{padding: 0 10px 0 10px;}

.marginR1{margin-right: 15px !important;}
.marginT1{margin-top: 15px !important;}
.marginL1{margin-left: 15px !important;}
.marginB1{margin-bottom: 15px !important;}
.marginR3{margin-right: 30px !important;}
.marginT3{margin-top: 30px !important;}
.marginL3{margin-left: 30px !important;}
.marginB3{margin-bottom: 30px !important;}

.color1{color: #fff;}
.color2{color: #222327;}
.color3{color: #000;}
.color4{color: #4bb84e;}
.color5{color: #ff4a4a;}
.color6{color: #C0C0C0;}
.color7{color: #444;}
.color8{color: #29487d;}
.color9{color: #ebebeb;}
.color10{color: #FF0000;}
.color11{color: #1686B0;}
.color12{color: #1DA1F2;}

/* .hTitle1{border-bottom:1px solid #C0C0C0 !important; padding:15px 0 5px 1px;} */
.hTitle1 i{width:15px;}

.bg0{background: black;}
.bg1{background: #eeeded;}
.bg2{background: #e3e3e3;}
.bg3{background: #DFCFBE;}
.bg4{background: #f9f9f9;}
.bg5{background: #98B4D4;}
.bg6{background: #9B2335;}
.bg7{background: #55B4B0;}
.bg8{background: #009B77;}
.bg9{background: #7FCDCD;}
.bg10{background: #939597;}
.bg11{background: #EBF7E3;}
.bg12{background: #DBE5FF;}
.bg13{background: #FFEBDC;}
.bg14{background: #f7f7f7;}
.bg15{background: linear-gradient(180deg, #ebebeb 0,#ffff 100%);}
.bg16{background: linear-gradient(0deg, #ebebeb 0,#ffff 100%);}
.bg17{background: linear-gradient(90deg, #ffff 0, #ebebeb 50%, #ffff 100%);}
.bg18{background: #336699;}
.bg19{background: #fff2cc;}

.listli{margin:0; padding:0; }
.listli li{list-style:none; display:inline-block;}

.listli1{margin:0; padding:0;}
.listli1 li{list-style:none; display:block;}

.psAb{position:absolute;}
.psRl{position:relative;}

.poddevider{border-top:1px solid #f7f7f7; margin-bottom: 25px;}

.zoomin{transition: transform .2s; /* Animation */}
.zoomin:hover{transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.buttonA{padding:6px 30px 5px 15px; border:2px solid #C0C0C0; color: #282828 !important; margin:15px 0 0 0; display:inline-block; position:relative; font-size: 14pt; border-radius:1px; transition: all 0.2s ease;}
.buttonA:after{font-family: FontAwesome; content: "\f054"; position:absolute; right:8px; top:7px; color: #C0C0C0; transition: all 0.2s ease;}
.buttonA:hover{background: #C0C0C0; color: #fff; transition: all 0.2s ease;}
.RbuttonA:hover:after{font-family: FontAwesome; color: #fff; transition: all 0.2s ease;}

.buttonC19{padding:6px 30px 5px 15px; border:2px solid #fff; color: #fff !important; margin:15px 0 0 0; display:inline-block; position:relative; font-size: 14pt; border-radius:1px; transition: all 0.2s ease;}
.buttonC19:after{font-family: FontAwesome; content: "\f054"; position:absolute; right:8px; top:7px; color: #C0C0C0; transition: all 0.2s ease;}
.buttonC19:hover{background: #C0C0C0; color: #fff; transition: all 0.2s ease;}
.buttonC19:hover:after{font-family: FontAwesome; color: #fff; transition: all 0.2s ease;}

.morei{display:none;}

header{}

.topHeader{overflow: visible; position: relative; opacity:1;
        display: flex;
    justify-content: space-between;
    align-items: center;

}
.menuTop{float:right; padding-right:5%;}
.stockTopright{padding-top: 10px; text-align: right; font-size: 14pt; color:black;}
.sociallink{vertical-align: middle; width: 40px; margin-left:5px;}

.logo{z-index:100; padding-left: 5%; float: left; } 
.logoPop{z-index:100; position:absolute; margin:0 auto; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px; } 
.logo1{width:220;z-index:100; Left: 8%; top: 200px; position:absolute; margin:0 auto; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px; } 
.logo img{width:300px; margin:0 auto;} 
.logo1 img{width:180px; margin:0 auto;} 
.logoM{float:left; width:200px; padding:5px 0 10px 0; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
.rightSec{width:calc(100% - 135px); text-aborder-bottom-left-radius: 25px;}

.rightSec figure figcaption{background: #222327; border-left:1px solid rgba(255,255,255,0.1); padding:5px 10px 7px 10px;}
.rightSec figure figcaption h1{font-size:13px; font-weight:400; text-align:left; color: rgba(255,255,255,0.9); }
.rightSec figure figcaption h1 label{font-size:13px;padding:0 0 0 5px;}
.rightSec figure figcaption h1 label .fa{font-size:12px; padding:0 0 0 2px;}
.rightSec figure figcaption h2{font-size:13px; font-weight:400; text-align:left; color: rgba(255,255,255,0.9); line-height:12px;}
.rightSec figure figcaption h2 label{padding:0 0 0 5px; font-size:13px; }


.headTitle{width:100%; height:400px; position:relative;}
.headTitle_small{width:100%; height:200px; position:relative;}

.mainMenu{z-index:12; margin:0;}
.mainMenu li{float:left; margin:0 1px; position:relative; cursor:pointer; }
.mainMenu li a{display:block; padding: 0 0px 0px 50px; color: black; font-size:14pt; font-weight: 550;}
.mainMenu li .menu_sb {position:absolute; text-align:left; width:300px; background: #ffff; left:0; padding:10px 0; display:none; z-index: 999 !important; box-shadow: 0 5px 12px rgb(0 0 0 / 15%);}
.mainMenu li .menu_sb li{background:none;  width:99%;}
.mainMenu li .menu_sb li a{display:block; padding: 10px 15px !important; font-size:14pt !important; font-weight: 400;}
.mainMenu li .menu_sb li:hover a{opacity:0.6;}
.mainMenu li .menu_sb li a:after{content:''; position:absolute; left:50%; bottom:0; border-bottom:1px solid rgba(255,255,255,0.2); width:0; transition: all 0.2s ease;}
.mainMenu li .menu_sb li:hover a:after{content:''; position:absolute; left:0; bottom:0; border-bottom:1px solid rgba(255,255,255,0.2); width:100%; transition: all 0.2s ease;}
.mainMenu li:hover .menu_sb{display:block;}

/*.nliout{position:relative; width:250px; border:2px solid #a50044; margin:20px 0 0 10px;}*/
.nliout {
    width: 450px;
    border: 0 solid #a50044;
    text-align: right;
    margin: auto;
}
.nliout .sntinput {
    padding: 8px 10px 8px 10px;
    border: 2px solid black;
    width: 52%;
    display: inline-block;
    margin-top: 5px;
    font-size: 11pt;
    height: 35px;
 /*   float: left;  */
}
/*.nliout .nltbtn{position:absolute; right:0; top:0; height:100%; border:none; background: #fff; font-weight:bold; font-size:16pt; color: #a50044; padding:0 7px 0 10px; border-left:1px solid rgba(242, 15, 15); transition: all 0.2s ease;} */
.nliout .nltbtn {
 /*   position: relative;
    right: 0;
    top: 0;  */
    background: #fff;
    font-weight: 900;
    font-size: 15pt;
    color: black;
    padding: 0px 7px 8px 10px;
    border: 2px solid black;
        border-left-color: rgb(242, 38, 23);
        border-left-style: solid;
        border-left-width: 2px;
    transition: all 0.2s ease;
    width: 28%;
    margin-top: 5px;
    border-left: 0;
    height: 35px;
    float: right;
}
.nltbtn1.crP {

    display: block;
    float: right;
    width: 80%;
    position: static;
    text-align: center;
    font-size: 16pt;

}
.nliout .nltbtn:hover{background: #a50044; color: #fff; transition: all 0.2s ease;}
.nltbtn1{
    position:absolute; 
/*    right:255px;   */
    white-space:nowrap; 
    color: #fff;  
    padding:5px 10px 4px 10px; 
    display:block; 
    border:2px solid #303c6c; 
    text-transform:uppercase; 
    top:-2px;
    background: #303c6c; 
    font-size:15px;
    transition: all 0.2s ease;
    
}
.nltbtn2{position:absolute; right:0px; white-space:nowrap; color: #d78d00;  padding:5px 17px 4px 17px; display:block; font-weight:bold; border:2px solid #d78d00; text-transform:uppercase; top:0px;background: #fff; font-size:16pt;transition: all 0.2s ease;}
.nltbtn2:hover{background: #d78d00; color: #fff; transition: all 0.2s ease;}
.nlttil{padding:25px 0 0 0;}

/*.news_latter{position:absolute; bottom:50px; right:7%; z-index:11;}*/
.news_latter {
    position: absolute;
/*    top: 235px;  
    right: 353px;
    width: 23%;*/
    z-index: 11;
}

.page_title_cnt{width:100%; height:100%; position:absolute; background-position:50% 50% !important; background-size:cover !important; overflow:hidden; background-repeat:no-repeat; top:0; left:0; display:block;}

.slideOut .slideIn{width:100%; height:100%; position:absolute; background-position:50% 50% !important; background-size:cover !important; overflow:hidden; background-repeat:no-repeat; top:0; left:0; display:none;}
.slideOut .slideIn:first-child{display:block !important;}
.slideOut .fadeIn{z-index:10;}
.slideIn .sIntro{position:absolute; width:100%; max-width:450px; background: rgba(255,255,255,0.99); padding:20px; bottom:2px;}
.slideIn .sIntro h1{padding:0 0 10px 0;}
.sCntroll{position:absolute; right:7%; bottom:17px;}
.sCntroll li{width:30px; height:18px; z-index:11; background: rgba(255,255,255,0.2); border:1px solid #fff; border-right:2px solid #fff; border-radius:1px; position:relative; cursor:pointer;}
.sCntroll .s_act:after{content:''; position:absolute; width:23px; height:12px; top:2px; left:2px; background: #000; border-radius:1px;}

.scl_mdia li a:hover{opacity:0.5;}

/*.hnews a, a:visited {
	color:#29487d !important;
}*/
.hnews figure .rpadd{padding:0 15px 0 0;}
.hnews figure .lpadd{padding:0 0 0 15px;}

.hnews figure .tpadd1{padding:0 15px 0 0;}
.hnews figure .tpadd2{padding:0 15px 0 15px;}
.hnews figure .tpadd3{padding:0 0 0 15px;}
.hnews figure .date_nw{padding:0 0 10px 0; font-size:14pt; font-weight:normal;}
.hnews figure .date_nw sup{vertical-align:super;}
.hnews figure h4{line-height:24px;}


.fwda{width:25%;}
.fwdb{width:14%;}
.fwdc{width:26%;}


.page_layout{width:100%;}
.page_layout .contentFeild{width:100%;}
.page_layout > ul{margin:0; padding:0;}
.page_layout > ul > li{display:block; list-style:none; border-bottom:1px dashed #ccc; padding:15px 0;}

.p_title:hover{color: #d78d00; text-decoration:underline;}
.date_p{padding:5px 0 7px 0;}
.date_p i{padding-right:7px;}

.main_sub{padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:0px solid #ccc; display:block;}
.main_sub ul{margin:0; padding:0; text-align:left;}
.main_sub li{display:inline-block; vertical-align:middle; list-style:none; font-size:16pt;}
.main_sub li strong{float:left; list-style:none; font-size:16pt;}
.main_sub li i{padding:0 10px;}
.main_sub li a{color: #000;}

.page_m li a{color: #282828;}

.page-content{text-align:left;}
.page-content a, .page-content a:visited{color: #29487d }
.page-content h3{padding:22px 0 5px 0; font-size:14pt; font-weight:bold;}
.page-content h2{padding:0 0 15px 0; font-size:16pt; font-weight:bold; color: #282828;}
.page-content strong u{padding:25px 0 5px 0; font-size:14pt; font-weight:bold; display:block;  text-decoration:none;}
.page-content ol{margin:0; padding:0 0 10px 50px;}
.page-content ul{margin:0; padding:0 0 10px 50px;}
.page-content strong{padding:25px 0 10px 0; text-decoration:none;}
.page-content table{border-collapse: collapse;}
.page-content table, th, td {border: 1px solid #ccc; padding:4px 10px;}
.page-content .alignleft{margin:10px 20px 5px 0; float:left;}
.page-content .alignright{margin:10px 0 5px 20px; float:right;}
.page-content .aligncenter{text-align:center; margin:0 auto; padding:10px 0;}
.page-content .aligncenter img{text-align:center; margin:0 auto;}
.page-content .gallery{margin:0; padding:0; text-align:center;}
.page-content .gallery li{list-style:none;padding:0; margin:10px; display:inline-block; vertical-align:top; width:200px; height:200px;}
.page-content .gallery li a img{width:200px; margin:5px auto;}
.page-content .center{text-align:center !important; font-size:13px;}
.page-content p {padding-bottom: 16px; text-align:justify;}

.pager_n{width:100%; display:block; padding:15px 0 15px 0;}
.page_r{border:2px solid #d78d00; color: #282828; margin:15px 0 0 1px; text-transform:uppercase; display:block; padding:6px 30px 4px 15px; display:inline-block; position:relative; font-size: 14pt; border-radius:1px; transition: all 0.2s ease;}
.page_r:after{content: "\f054"; position:absolute; right:8px; top:9px; color: #d78d00; transition: all 0.2s ease;}
.page_r:hover{background: #d78d00; color: #fff; transition: all 0.2s ease;}
.page_r:hover:after{color: #fff; transition: all 0.2s ease;}

.page_l{border:2px solid #d78d00; color: #282828; margin:15px 1px 0 0; text-transform:uppercase; display:block; padding:6px 15px 4px 30px;  display:inline-block; position:relative; font-size: 14pt; border-radius:1px; transition: all 0.2s ease;}
.page_l:after{content: "\f053"; position:absolute; left:8px; top:9px; color: #C0C0C0; transition: all 0.2s ease;}
.page_l:hover{background: #d78d00; color: #fff; transition: all 0.2s ease;}
.page_l:hover:after{color: #fff; transition: all 0.2s ease;}


footer .dTable figcaption{padding:25px 20px 20px 0;}
footer .dTable{border-top:5px solid #ffff;}
footer .dTable figcaption h3{position:relative; padding:0 0 10px 0; margin-bottom:10px;}
footer .dTable figcaption h3:before{content:''; position:absolute; width:25px; height:1px; bottom:0; left:0; background: #999;  transition: all 0.2s ease;}
footer .dTable figcaption:hover h3:before{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background: #C0C0C0;  transition: all 0.2s ease;}
footer .dTable ul li{padding:2px 0;}
footer .dTable ul li a{color: #282828 !important; font-weight:400;}
footer .dTable ul li a:hover{opacity:0.6;}
footer .dTable .contact_i{ color: #282828;  font-weight:400;}
footer .dTable .contact_i .fa{width:16px; text-align:center;}

.bodyHdd{overflow:hidden;}

.pMenu{float:right; margin-top:25px; background: none;}
.pMenu h1{font-weight:400; font-size:17px;padding:10px; cursor:pointer;  background: none;}
.pMenu .fa{padding:2px 4px;}

.mClose{position:fixed; top:18px; right:20px; z-index:56;}
.mClose h1{font-weight:400; font-size:17px;padding:10px; cursor:pointer; color: #fff; opacity:0.7;}
.mClose .fa{padding:2px 4px;}

.bio{width:50%; height:350px; background-repeat:no-repeat;background-position: center center;}
.bioTable{width:50%; border: 0px; padding: 4px 10px; border-collapse: separate; border-spacing: 0 10px;}

.mngmtDivCont {width:250px; margin: 6px; float: left; height: 350px; background-repeat: no-repeat !important; background-position: center center!important;}
.mngmtDivCont div {text-align: center; position: relative; top: 90%; left: 50%; transform: translate(-50%, -50%);}

.homeDivCont {width:30%; margin: 6px; background-repeat: no-repeat !important; background-position: center center!important;}
.homeDivContppt {width:558px; margin: 6px; background-repeat: no-repeat !important; background-position: center center!important;}
.homeDivCont div {text-align: center; position: relative; top: 45%; left: 50%; transform: translate(-50%, 0%);}

.homeDivCont1 {width:50%; margin: 6px; background-repeat: no-repeat !important; background-position: center center!important;}
.homeDivContppt {width:558px; margin: 6px; background-repeat: no-repeat !important; background-position: center center!important;}
.homeDivCont1 div {text-align: center; position: relative; top: 45%; left: 50%; transform: translate(-50%, 0%);}


.mediaPn{display:none}

.YouTube { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pagePic { width: 33%; text-align: center; display: inline-block; padding: 0 5px 20px 5px; vertical-align: middle;}
.pagePic img{ width: 100%; border: 1px solid #000;}
.pagePic25 { width: auto; height: 450px; text-align: center; display: inline-block; margin-bottom:35px; vertical-align: top;}
.pagePic25 img{ width: auto; height: 100%; border: 1px solid #000;}

.pagePicb { width: 400px; height: auto; text-align: center; display: inline-block; float: right; padding: 0 0 10px 10px;}
.pagePicb img{ width: 100%; height: auto;}

.pagePich { width: auto; height:345px ; text-align: center; display: inline-block; padding: 0 0 10px 10px;}
.pagePich img{ width: auto; height: 100%; border: 1px solid #000;}

@media (max-width: 575.98px) { 
    .pagePich img{ width: auto; height: auto;     object-fit: contain;}
    .pagePich {width: auto; height: auto;}
    .pagePicb{width:auto;}
}

.pagePic2 { width: auto; height:345px ; text-align: center; display: inline-block; padding: 0 0 10px 10px;}
.pagePic2 img{ width: auto; height: 100%; border: 1px solid #000;}


.twoinone {width: 48%; float: left; margin: 0px 10px 0px 10px;}

@media all and (max-width:1400px){
    .twoinone {width: 100%; margin: 0px 10px 0px 10px;}
}


@media all and (max-width:1160px){
	#featured_projrcts_id .product{width: 48% !important;} 
	.logo{width:210px;z-index:100; left: 42%; padding:5px 0 10px 0; position:absolute; margin:0 auto; background: #eee;} .logo img{width:200px; margin:0 auto;} 
	.logoM{float:left; display:block; width:250px; padding:10px 0 5px 0} .logo img{width:110px; margin:0 auto;}
	.rightSec{float:none; width:100%; text-align:center;}
	.rightSec .dTable{width:100%;}
	.mediaPc{display:none;}
	.mediaPn{display:block;}
	.paddm{padding-bottom:35px;}
	.news_latter {
    position: relative;
    top: 10px;
    left: 20%;
    z-index: 11;
    width: 50%;
}
.pptsub {width: 100%; text-align: center; padding: 15px 0 0 0; margin:0 auto;}
	
/*	
	.mediaPn .nltbtn1{width:100%; position:relative; right:0; top:20px; padding:10px; margin-bottom:4px;}
	.nliout{position:relative; width:100%; border:2px solid #d78d00; margin:20px 0 0 10px;}
	.nliout .sntinput{padding:10px 10px 11px 10px; border:none; width:100%;}
	.mediaPn .nltbtn1{width:100%; position:relative; right:0; top:20px; padding:10px; margin-bottom:4px;}
 */	
	
	menu{margin:0; padding:0;}
	.menuPn{display:none;}
	.mainMenu{float:right; margin:0; position:fixed; width:100%;left:0; top:0; padding:70px 7% 30px; background: #222327; z-index:55; right:0; bottom:0; overflow-Y:auto;}
	.mainMenu li{display:block; float:none; margin:0 1px; position:relative; cursor:pointer; text-align:left; background: #303c6c;}
	.mainMenu li:hover{ background: none; }
	.mainMenu li a{display:block; padding:15px 15px; color: #fff !important; font-size:14pt; font-weight:400;}
	.mainMenu li .menu_sb{position:relative; text-align:left; width:100%; background: #343539; left:0; padding:15px 0 15px 30px; display:none;}
	.mainMenu li .menu_sb li a{padding:10px 15px;}
	.mainMenu li:hover .menu_sb{display:none;}
	body table{width:100% !important; overflow-Y:auto !important;}
	
	.mngmtDivCont {width:31%; margin: 6px; float: left; height: 350px; background-repeat: no-repeat !important; background-position: center center !important;}
	.mngmtDivCont div {text-align: center; position: relative; top: 90%; left: 50%; transform: translate(-50%, -50%);}	
	
	.homeDivCont {width:31%; margin: 6px; float: left; background-repeat: no-repeat !important; background-position: center center!important;}
	.homeDivCont div {text-align: center; position: relative; top: 45%; left: 50%; transform: translate(-50%, 0%);}
}




@media all and (max-width:900px){

#featured_projrcts_id .product{width: 48% !important;} 

	.wrpad{    padding: 0 15% 0 15%;}
	.logo{padding:5px 0 0 0}
	.rightSec .dTable{display:block; position:relative; height:50px; padding:4px 0; width:100%;text-align:center; background: #222327;}
	.rightSec .dTable .dTableCll{display:none; position:absolute; text-align:center; left:10%; border:none;}
	.rightSec .dTable .dTableCll:first-child{display:block;}
	.rightSec .dTable .fadeIn{z-index:12;}
	
	.headTitle{height:310px; margin-top:15px;}
.slideIn .sIntro {
    position: absolute;
    background: rgba(255,255,255,0.7);
    width: 46%;
    padding: 20px;
    bottom: 2px;
    left: 2%;
}

    .mediaPc {display:none;}
    .pagePic25 { width: 100%; height:auto !important; text-align: center; display: inline-block; margin-bottom:35px; vertical-align: middle;}
    .pagePic25 img{ width: 100%; height:auto; border: 1px solid #000;}

	.single-pic-size { width: 40%; }
.news_latter {
    position: relative;
    top: 10px;
    left: 20%;
    z-index: 11;
    width: 60%;
}

	.slideIn .sIntro .fSize27{font-size:20px;}
	.slideIn .sIntro h1{padding:0 0 0 0;}
	.sCntroll{position:absolute; right:7%; bottom:17px; z-index:15;}
	.sCntroll li{width:30px; height:18px; z-index:11; background: rgba(255,255,255,0.2); border:1px solid #000; border-right:2px solid #000; border-radius:1px; position:relative; cursor:pointer;}
	
	footer .dTable{display:block;}
	.fwda{width:50%; display:block; float:left}
	.fwdb{width:50%; display:block; float:left}
	.fwdc{width:100%; display:block; float:left}
	
	.mngmtDivCont {width:45%; margin: 6px; float: left; height: 350px; background-repeat: no-repeat !important; background-position: center center !important;}
	.mngmtDivCont div {text-align: center; position: relative; top: 90%; left: 50%; transform: translate(-50%, -50%);}
	
	.homeDivCont {width:45%; margin: 6px; float: left; background-repeat: no-repeat !important; background-position: center center!important;}
	.homeDivCont div {text-align: center; position: relative; top: 45%; left: 50%; transform: translate(-50%, 0%);}
	.pagePic { width: 45%; text-align: center; float: left; padding: 0 5px 20px 5px;vertical-align: middle;}
}

@media all and (max-width:768px){
.wrpad{padding:0 20px;}
/*======= Featured Projects section css ===========*/

#featured_projrcts_id .product{width: 48% !important;} 

/*======= Featured Projects section css ===========*/



}

@media all and (max-width:750px){
	.hnews .dTable{display:block;}
	.hnews .dTable .width2, .hnews .dTable .width3{display:block; width:100%;}
	.hnews figure .tpadd1{padding:15px 0 10px 0;}
	.hnews figure .tpadd2{padding:15px 0 10px 0;}
	.hnews figure .tpadd3{padding:15px 0 10px 0;}
	
	.mngmtDivCont {width:40%; margin: 6px; float: left; background-repeat: no-repeat !important; background-position: center center !important;}
	.mngmtDivCont div {text-align: center; position: relative; top: 90%; left: 50%; transform: translate(-50%, 0%);}
.slideIn .sIntro {
    position: absolute;
    background: rgba(255,255,255,0.7);
    width: 95%;
    padding: 20px;
    bottom: 152px;
    left: 2%;
}
.single-pic-size { width: 50%; }
.news_latter {
    position: relative;
    top: 10px;
    z-index: 11;
    width: 85%;
    left: 2%;
}

.nliout {
    width: 100%;
    border: 0 solid #a50044;
    text-align: right;
    margin: auto;
}
.nliout .sntinput {
    padding: 8px 10px 8px 10px;
    border: 2px solid #a50044;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    font-size: 11pt;
    height: 35px;
 /*   float: left;  */
}

.nliout .nltbtn {
 /*   position: relative;
    right: 0;
    top: 0;  */
    background: #fff;
    font-weight: 900;
    font-size: 15pt;
    color: #a50044;
    padding: 0px 7px 8px 10px;
    border: 2px solid #a50044;
        border-left-color: rgb(242, 38, 23);
        border-left-style: solid;
        border-left-width: 2px;
    transition: all 0.2s ease;
    width: 100%;
    margin-top: 5px;
    height: 35px;
    float: right;
    border-left:1;
}

.socialfirst{display: block;}

/*======= Featured Projects section css ===========*/


#featured_projrcts_id .product{width: 100% !important;} 
/*======= Featured Projects section css ===========*/

}

@media all and (max-width:500px){
	
	.mngmtDivCont {width:95%; margin: 6px; float: left; height: 350px; background-repeat: no-repeat !important; background-position: center center !important;}
	.mngmtDivCont div {text-align: center; position: relative; top: 90%; left: 50%; transform: translate(-50%, -50%);}
	
	.homeDivCont {width:95%; margin: 6px; float: left; background-repeat: no-repeat !important; background-position: center center!important;}
	.homeDivCont div {text-align: center; position: relative; top: 45%; left: 50%; transform: translate(-50%, 0%);}
	.single-pic-size { width: 100%; }
	
	.pagePic { width: 100%; text-align: center; float: left; padding: 0 5px 20px 5px;}
.news_latter {
    position: absolute;
    top: 315px;
    right: 0;
    z-index: 11;
    width: 100%;
    bottom:auto;
}
.nliout .nltbtn {
    position: relative;
    top: 0;
    background: #fff;
    font-weight: 900;
    font-size: 14pt;
    color: #a50044;
    padding: 6px 7px 6px 10px;
    border: 2px solid #a50044;
        border-left-color: rgb(242, 38, 23);
        border-left-style: solid;
        border-left-width: 2px;
    border-left-color: rgb(242, 38, 23);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: rgb(242, 38, 23);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: rgb(242, 38, 23);
    border-left-style: solid;
    border-left-width: 2px;
    transition: all 0.2s ease;
    width: 29%;
    margin-top: 5px;
    border-left: 1;
    height: 36px;
}

/*======= Featured Projects section css ===========*/

#featured_projrcts_id .product{width: 100% !important;} 

/*======= Featured Projects section css ===========*/

	
}

.leftChs, .rightChs{width:40px; height:100%; position:absolute; font-size:30px; z-index:14; border:none; background: none; color: #fff; opacity:0.8; cursor:pointer;}
.leftChs{left:0; top:0;}
.rightChs{right:0; top:0;}

.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%;
}

.homeTableC tr td {
	border: 0px;
}

.scrollSubMenu {
  display: none;
  position: fixed;
  bottom: 60%;
  right: 30px;
  width: 100px;
  height: 60px;
  background: #eee;
  z-index: 1;
}

@media (max-width: 600px) {
  .page-content table, th, td {
    border: 1px solid #ccc;
    padding: 2px 1px;
    font-size: 10px;
    }
    .homeDivContppt {width:100%; margin: 6px; background-repeat: no-repeat !important; background-position: center center!important;}
}

.snupbtn {
    width: 150px;
    color: white;
    padding: 8px 12px 8px 12px;
    background-color: #303c6c;
    font-size: 14pt;
    font-weight: bold;
}
.signup {
    width: 250px;
    padding: 6px 12px 8px 12px;
    font-size: 14pt;
}
.signup-form-class{
	float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.signup-form-class p{
    text-align: center;
}



/************home-page-2*******************/

.page-template-home-template-new .headTitle h1.color6 {
       /* color: #000;  */
}
.page-template-home-template-new .headTitle a.buttonA, #featured_news_id .textR .buttonA{
	    border-color:#C0C0C0;
}
.page-template-home-template-new .headTitle a.buttonA:hover, 
#featured_news_id .textR .buttonA:hover{
	background: #C0C0C0;      
	color: #000 !important; 	
}
.page-template-home-template-new .headTitle a.buttonA:after, 
#featured_news_id .textR .buttonA:after{
    color: #303c6c;
}
.page-template-home-template-new .headTitle a.buttonA:hover:after, 
#featured_news_id .textR .buttonA:hover:after{
    color: #fff; 
}
.page-template-home-template-new .headTitle #SignUp .nltbtn1 {
    color: #fff;
    border: 2px solid #303c6c;
    background: #303c6c;
	font-weight: normal; 
}

.page-template-home-template-new  .homeTableC .mainMenu li {
    background: #303c6c;
}
.page-template-header-template-new i.fa.fa-twitter-square {
    color: #1DA1F2;
}
.page-template-home-template-new i.fa.fa-facebook-square {
    color: #4E71A8;
}
.page-template-home-template-new i.fa.fa-youtube-square {
    color: #FF0000;
}
.page-template-home-template-new i.fa.fa-linkedin-square {
    color: #1686B0;
}
.page-template-home-template-new .rightSec figure figcaption, 
.page-template-home-template-new .mainMenu li .menu_sb {
    background: #303c6c;
}
.page-template-home-template-new h4#prophecy {
    /* font-family: 'Helvetica Neue Medium';  
    font-weight: 500;*/
	font-size:16pt;
	font-weight: bold;
	    padding: 30px 0 18px;
		    text-transform: uppercase;

}
.page-template-home-template-new .signup-form-class p font {
     /* font-family: 'Helvetica Neue Medium'; 
    font-weight: 500 !important;*/
	font-size:16pt;
	font-weight: bold !important;
	    padding: 0 0 18px;
		    text-transform: uppercase;

}
.page-template-home-template-new #SignUp .snupbtn {background-color: #F9B710;border:none;color:#000;}

/* .page-template-home-template-new #featured_news_id .hTitle1 {
	border-bottom: 1px solid #303c6c;color:#303c6c;} 
.page-template-home-template-new .featured_news_id  figure .date_nw{color:#303c6c;} */
.page-template-home-template-new #featured_news_id  figure .date_nw sup{display:none !important;}    
.page-template-home-template-new footer section.wrpad {background: #e2e2e2; /*.font-family: 'Helvetica Neue Medium';*/}  



.page-template-home-template-new .homeDivCont div.video-container-pcy {
    padding: 0;
    height: auto;
    position: relative;
    float: left;
    width: 100%;
}
.page-template-home-template-new .homeDivCont div.video-container-pcy img{
	cursor:pointer;
	/* float: left;
    width: 100%;
    height: 100%; */
	}
.page-template-home-template-new .homeDivCont div.video-container-pcy div.video-on-hover {
    position: absolute;
    top: 0px;
    left: -15px;
    z-index: 1000;
    height: auto;
    width: auto;
    transform: translate(7em, 4.5em); 
    display: table;
    text-align: center;   
}
.page-template-home-template-new .homeDivCont div.video-container-pcy div.video-on-hover img {
    width: 36px;
    height: 36px;
}           

.page-template-home-template-new .homeDivCont div.video-hover {
   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: translate(0px, 0);
    z-index: 1000;
    background: #000000de;
}
.page-template-home-template-new .homeDivCont div.video-hover iframe {
    width: 100%;
    height: 100%;
}

.page-template-home-template-new .homeDivCont div.video-hover .hover-vid {
    top: 20%;
    width: 800px;
    float: none;
    position: absolute;
    left: 50%;
    margin: 0;
    height: 500px;
}
span.close {
    position: absolute;
    top: 7%;
    right: 1%;
    font-size: 24px;
    color: #000;
    line-height: 34px;
    background: #eee;
    height: 32px;
    width: 32px;
    border-radius: 18px;
    padding: 0;
	cursor: pointer; 
} 
 

.page-template-home-template-new div#featured_projrcts_id {
	float: left;
	width: 100%;
	margin: 40px 0 40px 0;
}
.page-template-home-template-new div#featured_projrcts_id .product {
    width: 33%;
    margin: 0 3px 0 0;
    /* border: 2px solid #303c6c; */
    padding: 8px 8px;
	text-align:center;
	display: inline-block;
}      
.page-template-home-template-new div#featured_projrcts_id .nme_loc p {
    font-size: 14pt;
    line-height: 20px;
    color: #000;
    font-weight: bold !important;
	text-align:center;
	    /* font-family: 'Helvetica Neue Medium'; */
    font-weight: 500;
}     
.page-template-home-template-new div#featured_projrcts_id .nme_loc {
    float: left;
    width: 100%;
    height: 64px; 
	text-align:center;
}
.page-template-home-template-new div#featured_projrcts_id .content_prod {
    float: left;
    width: 100%;
    height: 135px;
	text-align:center;
}
.page-template-home-template-new div#featured_projrcts_id .content_prod h1 {  
    font-size: 14pt;
    color: #303c6c;
    padding: 5px 0;
	text-align:center;
	    /* font-family: 'Helvetica Neue Medium'; */
    font-weight: 500;
}

.page-template-home-template-new div#featured_projrcts_id .content_prod p:nth-child(3) {
    font-size: 14pt;/* font-family: 'Helvetica Neue Medium'; */ 
}
.page-template-home-template-new div#featured_projrcts_id .prod_link a {
        width: 100%;
    background: #C0C0C0;
    float: left;
    text-align: center;
    padding: 8px 0;
    font-weight: bold;
    font-size: 14pt;
    color: #000;
    margin: -16px 0 0; 
}
.page-template-home-template-new div#featured_projrcts_id .product_img {
    float: left;
    width: 100%;
    height: 160px;
    margin-bottom: 8px;
}
.page-template-home-template-new div#featured_projrcts_id .product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-template-home-template-new #featured_projrcts_id h1.hTitle1, 
.page-template-home-template-new div#featured_news_id h1.hTitle1{
    color: #000;
    border-color: #000;
    font-weight: bold;
	    /* font-family: 'Helvetica Neue Medium'; */
    font-size: 16pt; 
}
.page-template-home-template-new footer section.wrpad li a {
    font-size: 12pt;
}
/* .page-template-home-template-new .hnews figure .date_nw{color: #000;} */

.page-template-home-template-new .wrpad h4.padding3 {
    /* font-family: 'Helvetica Neue Medium'; 
    line-height: 24px;
    font-size: 18px; 
	font-weight: 500;    */

}
.page-template-home-template-new div.homeDivCont {
    /* font-family: 'Helvetica Neue Medium'; */
    font-size: 14pt; 
}
.page-template-home-template-new .hnews figure h4 {
    line-height: 21px;
    /* font-family: 'Helvetica Neue Medium'; */
    font-size: 14pt;  
}

.page-template-home-template-new .hnews figure .date_nw {
    font-size: 14pt;
    font-weight: 500;
    /* font-family: 'Helvetica Neue Medium'; */
}
    
@media all and (max-width:360px){
.news_latter {
    position: absolute;
    top: 315px;
    right: 0;
    z-index: 11;
    width: 360px;
    bottom: auto;
}

.nliout .sntinput {
    padding: 8px 10px 8px 10px;
    border: 2px solid #a50044;
    width: 240px;
    display: inline-block;
    margin-top: 0px;
    font-size: 14pt;
    height: 37px;
}
.nliout .nltbtn {
    position: relative;
    right: 0px;
    top: -3px;
    background: #fff;
    font-weight: 900;
    font-size: 14pt;
    color: #a50044;
    padding: 6px 7px 6px 10px;
    border: 2px solid #a50044;
        border-left-color: rgb(242, 38, 23);
        border-left-style: solid;
        border-left-width: 2px;
    border-left-color: rgb(242, 38, 23);
    border-left-style: solid;
    border-left-width: 2px;
    transition: all 0.2s ease;
    width: 94px;
    margin-top: 5px;
    height: 37px;
}
}
@media only screen and (max-width:359px){
.news_latter {
    position: relative;
    top: 5px;
    right: 0;
    z-index: 11;
    width: 323px;
    bottom: auto;
}

.nliout .sntinput {
    padding: 8px 10px 8px 10px;
    border: 2px solid #a50044;
    display: inline-block;
    margin-top: 5px;
    font-size: 14pt;
    height: 37px;
}
}

.wrpad .cont {
    display: flex;
    align-items: center;
    justify-content: center;
        padding-bottom: 20px;

}

.wrpad .cont .section2 {
    width:100%;
}

.wrpad .cont .nltbtn {
    padding-bottom: 0;
}
@media only screen and (max-width: 900px) {
  .wrpad .cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top:20px;
    }
    
    .wrpad .cont .textC{
        margin-left:0 !important;
    }
}

@media only screen and (max-width: 750px) {
    .wrpad .cont .nltbtn {
    margin-top: 10px !important;
    }
    .last-projects-container {
        grid-template-columns: auto auto !important;
    }
}

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

    .last-projects-container {
        grid-template-columns: auto !important;
    }
    
    .last-projects-container .item {
      margin-top: 10px;
    }
}

.pulacayo-gallery img {
    width : 240px;
    height: 160px !important;
    object-fit: none;
}

@media only screen and (min-width: 350px) {
  .pulacayo-gallery .ngg-gallery-thumbnail-box {
        max-width: 50% !important;
   }
}
@media only screen and (min-width: 576px) {
    .pulacayo-gallery .ngg-gallery-thumbnail-box {
        max-width: 33% !important;
   }
}
@media only screen and (min-width: 1150px) {
  .pulacayo-gallery .ngg-gallery-thumbnail-box {
        max-width: 25% !important;
   }
}

.header-img {
    width: 100%;
    height: auto;
    background-color: #fff;
}
.header-img.other-page img{
    max-height: 400px;
    object-fit: cover;
    width:100%;
}

.pd-t20 {
    padding-top: 20px;
}

.presentation-img {
    width: 100%;
    display : flex;
    flex-direction: column;
}
.presentation-img img {
    width: 100%;
}

.subscribe-container {
    width:70%;
}
.subscribe-container .formEl {
    display: flex;
}

.subscribe-container .formEl input {
    width:100%;
}

@media only screen and (max-width: 750px) {
    .subscribe-container .formEl {
       flex-direction: column;
    }
}

.last-projects-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap:10px;
  padding-top:15px;
  cursor:pointer;
  padding-bottom: 20px;
  margin-bottom: 50px;

}
.last-projects-container .item {
  text-align: center;
  display:block;
  width:100%;
  height:100%;
  color:black;
}

.last-projects-container .item img{
  border: 1px solid #000;
      height: inherit;
    width:100%;          
}

.two-merged-side {
    margin-left:0 !important;
    margin-right:0 !important;
}

.new-footer {
   display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap:10px; 
}

.new-footer .item {
  text-align: left;
  display:block;
  width:100%;
  height:100%;
  color:black;
}

.new-footer .item li a {
    color:black !important;
}

.new-footer .item h3{
    margin-bottom : 10px;
}

.new-footer figcaption h3{position:relative; padding:0 0 10px 0; margin-bottom:10px;}
.new-footer figcaption h3:before{content:''; position:absolute; width:25px; height:1px; bottom:0; left:0; background: #999;  transition: all 0.2s ease;}
.new-footer figcaption:hover h3:before{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background: #C0C0C0;  transition: all 0.2s ease;}


@media only screen and (max-width: 1000px) {
    .new-footer {
   display: grid;
        grid-template-columns: auto auto;

    }
}

.sd-container {
    display: grid;
    grid-gap : 15px;
}
.sd-container .item {
    width: 100%;
    position:relative;
}

.sd-container .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.sd-container .item .info{
    position:absolute;
    width:100%;
    height:100%;
    padding: 10px;
    left: 0;
    display: flex;
    align-items: flex-end;
    text-align: center;
    padding: 10px;
    top:0;
}


.sd-container .item .info span{
    width:100%;
}
@media only screen and (min-width: 400px) {
  .sd-container {
        grid-template-columns: auto auto;
    }
}
@media only screen and (min-width: 800px) {
  .sd-container {
        grid-template-columns: auto auto auto;
    }
}
@media only screen and (min-width: 1000px) {
  .sd-container {
        grid-template-columns: auto auto auto auto auto;
    }
}

.custom-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.tableNB {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}


.table-content {
    display:flex;
    justify-content:center;
}


.table-content .pagePic25 {
    margin: 0 20px;
}
.table-content .table-header {
    font-size: 19px;
    font-weight: bold;
    display: block;
    text-align: center;
        margin-top: 16px;
}

.table-content .custom-table-p {
    font-size:15px;
    border:none;
}

.table-content .table-sec2 .custom-table-p {
    font-size:11px;
}

.table-content .table-sec2 table, th, td {
    padding :1px 10px;
}

.table-content .table-cont {
    display:flex;
    justify-content: center;
    flex-direction:column;
}
.p-cont .sec1, .p-cont .sec2 {
    display:flex;
    justify-content:center;
    
}
.pulacayo-h, .minago-h, .gibellini-h, .img-h-p {
    max-width:50%;
}
.pulacayo-h, .minago-h {
        margin-right:40px;
    }
@media only screen and (max-width: 1125px) {
    .p-cont .sec1, .p-cont .sec2 {
        flex-direction:column;
        align-items:center;
    }
    .pulacayo-h, .minago-h, .gibellini-h, .img-h-p {
    max-width:100%;
}
    .p-cont .sec2 {
        margin-top:20px;
    }
    .gibellini-h {
        margin-top:20px;
    }
    .pulacayo-h, .minago-h {
        margin-right:0;
    }
}

.main-container {
   padding: 25px 15% 0 15%;

}

.main-container .aside{
    order: 1;
    padding: 0 60px 0 0;
    width: 28%;
}

.main-container .aside ul{
    padding: 0;
    margin:0;
    list-style:none;
}

.main-container .aside ul li a{
    border-bottom: 1px solid #cacaca;
    color: #666;
    font-size: 18px;
    line-height: 22px;
    padding: 8px 20px;
    position: relative;
    display: block;
    text-decoration: none;
}
.main-container .aside ul .active a:before{
    color: #edc512;
    content: '>';
    left: 4px;
    position: absolute;
}

.main-container .aside ul .active a{
    font-weight: bold;
}
    
.main-container .aside  h2 {
    color: #333;
    font-size: 24px;
    margin: 0 0 10px;
    padding: 5px 0 0;
    position: relative;
}

.main-container .main-col {
    min-height: 300px;
    order: 2;
    width: 100%;
}

.main-container .main-col h2.header {
    margin: 0 0 25px;
    padding: 0 0 15px;
    position: relative;
}

.main-container .main-col h2.header:before {
    background: #edc512;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 80px;
}

.main-container .main-col .news-list {
    width:100%;
    display:flex;
}

.main-container .main-col hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
}

.main-container .main-col .news-list .date {
    width:20%;
    text-align:left;
    font-size:16px;
    max-width:100%;
}

.main-container .main-col .news-list .action {
    width:20%;
    text-align:right;
    font-size:16px;
}
.main-container .main-col .news-list .action a {
    color: black;
    outline: none;
    text-decoration: none;
    transition: color 0.3s;
}
.main-container .main-col .news-list .title {
    max-width:100%;
    font-size:16px;
    padding-left:30px;
    width: 60%;
}

@media only screen and (max-width: 900px) {
    .main-container {
        flex-direction:column;
        padding:0;
    }
  .main-container .aside{
    order: 1;
    padding: 0 20px;
    width: 100%;
    }
    
    .main-container .main_sub {
     padding:20px;
     padding-bottom:0;
    }
    .main-container .textL {
     padding: 0 20px;
    }
    .main-container .aside ul{
        display:flex;
        flex-wrap:wrap;
        margin-bottom:20px;
    }
    
    .main-container  .main-col {
        width:100%;
        padding:0 20px;
    }
    
    .main-container .main-col .news-list .action {
    width:100%;
            margin-top:15px;

    }
    
    .main-container .main-col .news-list .title {
        width:100%;
        margin-top:15px;
        padding-left:0;
    }
    
    .main-container .main-col .news-list .date {
        width:100%;
    }
    .main-container .main-col .news-list {
        width:100%;
        display:flex;
        flex-direction:column;
    }
}

.section-two-i {
    display:flex;
    justify-content:space-between;
    margin-top:120px;
}

.section-two-i h4 {
    width:45%;
    padding-top:0;
}

.tab-btn {
    width:33.33%;
    padding:0;
    margin:0;
    height:30px;
    border:none;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
}

.tab-btn.tab-active {
    border:1px solid #C0C0C0;
}

.tab-btn-container {
    display:flex;
    margin-bottom:15px;
    width:100%;
}

.tab-sec {
    position: relative;
    animation: animateright 0.4s;
}

.presentation-list {
  margin-left: 20px;
  width:50%;
  display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 800px) {
  .section-two-i {
    margin-top:130px;
    }  
}


@media only screen and (max-width: 768px) {
    .section-two-i h4 {
        width:30%;
    }
    
    .presentation-list {
        width:unset;
    }
}


@media only screen and (max-width: 700px) {
    .section-two-i {
        flex-direction:column;
    }
    
    .section-two-i h4 {
        width:100%;
    }
    
    .presentation-list {
        width:100;
        margin:20px 0;
    }
}

@media (max-width: 900px) {
    .padding5 {
    padding: 25px 0 25px 0 !important;
 
    }

}

.text-capitalize {
    text-transform: capitalize;
}



@media (max-width: 1565px) {
.wrpad {
    padding: 25px 10% 0 10%;
}
}


.login-page {
    width: 500px;
    margin: 0 auto;
    background-color: #f5f5f5;
}
.login-form{
    padding: 5px 40px;
}
.login-form h2 {
    text-align: center;
    font-size: 28px;
    margin: 0px 0px 30px;
    color: #777;
}
.login-form input {
    width: 100%;
    margin-bottom: 13px;
    height: 44px;
    border: 1px solid #00BCD4;
    padding: 0px 45px;
    font-size: 15px;
    border-radius: 4px;
}
.form-box {
    position: relative;
}
.login-form form i {
    position: absolute;
    top: 11px;
    font-size: 20px;
    left: 15px;
    color: #b1b1b1;
}
.remember {
    color: #b1b1b1;
    font-size: 15px;
}
.remember input {
    height: auto;
    width: auto;
}
.forgot-pwd {
    float: right;
    text-decoration: none;
    color: #FF5722;
    font-size: 15px;
}
.submit-btn-modal {
    border: none;
    background-color: rgba(255,66,0,1);
    color: #fff;
    border-radius: 30px;
        padding: 10px 20px;

    margin: 20px auto 0px;
    display: table;
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
}
.social-login {
    background-color: #fff;
    padding: 20px 40px;
}
.social-login h3 {
    text-align: center;
    font-size: 24px;
    margin: 0px 0px 30px;
    color: #777;
}
.social-login h3 span {
    font-size: 16px;
    font-weight: normal;
}
.social-btn {
    display:flex;
    justify-content:space-between;
}
.login-or-reg {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items: center;

}

.login-or-reg button {
    width:40%;
    cursor:pointer;
    margin:0;
}
.social-btn button, .social-btn a {
    width: 49%;
    border: none;
    padding: 10px 10px;
    color: #fff;
    font-size: 17px;
    border-radius: 4px;
    position: relative;
    cursor:pointer;
    text-align:center;
}
.twitter-btn {
    background-color:#20aae8;
}
.facebook-btn{
    background-color:#3a5898;
}
.google-btn {
    background-color:#d44735;
}

.new-register p{
    text-align: center;
}
.new-register p a {
    text-decoration: none;
    color: #FF5722;
    font-weight: bold;
}


/*--Below CSS for small devices--*/
@media (max-width: 767px){
.login-page {
    width: 100%;
}
.social-login {
    padding: 20px;
}
.social-btn {
    flex-direction:column;
}
.login-form{
    padding: 20px 15px;
}
.remember {
    font-size: 14px;
}
.forgot-pwd {
    font-size: 14px;
}
.social-login h3 span {
    font-size: 14px;
}
.social-btn button, .social-btn a {
    width: 100%;
    margin: 5px 0px;
}
.social-login h3 {
    margin: 0px 0px 15px;
}
}

.modal-c {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-c {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-width:500px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-c, .close-c2 {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
      margin: 0 10px;

}

.close-c:hover,
.close-c:focus,
.close-c2:hover,
.close-c2:focus{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-c {
    background: #f5f5f5;
    padding-left: 20px;
    padding-top: 20px;
    /*width: 500px;*/

  color: black;
}

.modal-header-c img {
    max-width:150px;
}

#register-modal input {
    padding: 0px 20px !important;
}


/* The Modal (background) */
.modal-custom {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-custom-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1200px;
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.modal-custom-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.modal-custom-close:hover,
.modal-custom-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-custom-content {
    width: 100%;
  }
}