/*html, body
	{
		height: 100%;
	}*/
body
	{
		margin: 0px;
		padding: 0px;
		background: #000000;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12pt;
		font-weight: 300;
		color: #000000;
        height:auto;
        width:auto;
     }
	
	
	h1, h2, h3     
	{
		margin: 0;
		padding: 0;
		font-weight: 600;
		color: #333333;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
	}
	
	strong
	{
	}
	
	a
	{
		color: #2980b9;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.container
	{
		overflow: hidden;
		margin: 0em auto;
		width: auto;
        height:auto;
        background-color:black;
	}

    .container2
	{
		/*overflow: hidden;*/
		margin: 0em auto;
		width: auto;
        height:auto;
        background-color:black;
	}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
		margin: 0 auto;
		padding: 0;
		width: 80%;
		overflow: hidden;
		list-style: none;
		text-align: left;
		color: #6c6c6c
	}
	
	ul.style1 li
	{
		padding: 1.6em 0em 0em 0em;
		margin: 0 0 2.5em 0;
		border-top: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style1 li:first-child
	{
		border-top: none;
	}
	
	ul.style1 p
	{
		margin: 0;
	}
	
	ul.style1 a
	{
		display: block;
		text-decoration: none;
		color: #2D2D2D;
	}
	
	ul.style1 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style1 h3
	{
		padding: 1em 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style1 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style1 .date
	{
		float: left;
		position: relative;
		width: 80px;
		height: 70px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 1.5em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style1 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}
	
	ul.style1 .date b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: -5px;
		font-size: 1.8em;
		font-weight: 700;
	}
	
	ul.style1 .date a
	{
	}
	
	ul.style1 .date a:hover
	{
		text-decoration: none;
	}


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		margin: 0;
		padding: 2em 0em 0em 0em;
		list-style: none;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		background: #3f3f3f;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #FFFFFF;
	}
	
	ul.contact li a.icon-twitter:before { background: #2DAAE4; }
	ul.contact li a.icon-facebook:before { background: #39599F; }
	ul.contact li a.icon-dribbble:before { background: #C4376B;	}
	ul.contact li a.icon-tumblr:before { background: #31516A; }
	ul.contact li a.icon-rss:before { background: #F2600B; }

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		padding: 1em 3em 1em 2em;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
	.button:before
	{
		display: inline-block;
		background: #FFC31F;
		margin-right: 1em;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #272925;
	}
		
/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 235px;
	}
	
	.box1,
	.box2,
	.box3,
	{
		float: left;
		margin-right: 20px;
	}
	
	.box4
	{
		float: right;
	}
	
/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC
	{
		width: 320px;
	}

	.boxA,
	.boxB,
	{
		float: left;
		margin-right: 20px;
	}
	
	.boxC
	{
		float: right;
	}

/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.tbox1,
	.tbox2
	{
		width: 575px;
	}
	
	.tbox1
	{
		float: left;
	}

	.tbox2
	{
		float: right;
	}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 3em;
	}
	
	.title h2
	{
		text-transform: lowercase;
		font-size: 2.8em;
	}
	
	.title .byline
	{
		font-size: 1.3em;
		color: #6F6F6F;
	}
		
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		float: left;
		width:100px;
		padding: 3em 0em;
        height:auto;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		text-align: center;
		margin-bottom: 4em;
	}
	
	#logo h1
	{
		display: block;
	}
	
	#logo a
	{
		text-decoration: none;
		color: #202020;
	}
	
	#logo span
	{
		padding-right: 0.5em;
		text-transform: uppercase;
		font-size: 0.90em;
		color: rgba(255,255,255,0.3);
	}

	#logo span a
	{
		color: rgba(255,255,255,0.5);
	}
	
	#logo img
	{
		display: inline-block;
		margin-bottom: 1em;
		border-radius: 50%;
		margin-left:-90%;
	}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
	}
	
	#menu ul
	{
	}
	
	#menu li
	{
		border-top: 1px solid rgba(255,255,255,0.08);
	}
	
	#menu li a, #menu li span
	{
		display: block;
		padding: 2em 1.5em;
		text-align: center;
		text-decoration:  none;
		text-transform: uppercase;
		font-weight: 700;
		color: rgba(255,255,255,0.5);
        /*width:28%;
        height:90%;
        margin-top:-65%;*/
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu .current_page_item a
	{
		background: #2980b9;
		color: rgba(255,255,255,1);
	}
	
	#menu .icon
	{
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		margin-bottom: 4em;
        z-index:-1;
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	/*#page
	{
		background: #2a2a2a;
        z-index:-1;
	}*/

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main3
	{
		overflow: hidden;
		float: right;
		width:95%;
        /*height:100%;*/
		/*padding: 3em 50px 5em 50px;*/
		background: #000000;
		/*border-top: 6px solid #2980b9;*/
		text-align: center;
        margin-left:-75%;
        z-index:-1;
        height:auto;
	}
    #main1
	{
		overflow: hidden;
		float: right;
		width:95%;
       /*padding: 3em 50px 5em 50px;*/
		background: #000000;
		/*border-top: 6px solid #2980b9;*/
		text-align: center;
        margin-left:-15%;
        z-index:-1;
       height:11%; 
	}
   
/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured
	{
		/*overflow: hidden;*/
		margin-bottom: 3em;
		padding-top: 5em;
		/*border-top: 1px solid rgba(0,0,0,0.08);*/

	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 5em 0em;
		/*border-top: 1px solid rgba(0,0,0,0.08);*/
	}
	
	#copyright span
	{
		display: block;
		letter-spacing: 0.20em;
		line-height: 2.5em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: rgba(0,0,0,0.7);
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(0,0,0,0.9);
	}

	/*.fa
	{
		display: block;
		color: #000;
		background: red;
	}*/
      /** {
            margin: 0;
            padding: 0;
        }

        body {
            font: 14px/1.4 Georgia, serif;
        }*/

            /*#page-wrap {
            width: 600px;
            margin: 15px auto;
        }*/

            /*p {
            margin: 0 0 15px 0;
        }

            p:first-child {
                background: #fffcde;
                padding: 10px;
            }*/

            /*#sidebar ul {
                background: #eee;
                padding: 10px;
            }*/

            /*li {
            margin: 0 0 0 20px;
        }*/

            /*#main {
                width: 390px;
                float: left;
            }*/
             #sidebar {
             width: 190px;
             float: left;
             height:10%;
           
        }
            #sidebar1 {
                /*width: 20px;
                background-color:#4E4E4E;
                margin-left:20%;
                margin-top:-30%;*/
                background-image:url("pic/long.png");
                width: 28px;
                margin-left:22%;
                z-index: 100000;
                margin-top:-50px;
                height:580px;
           }
             /*#sidebar2 {
                width: 10px;
                background-color:#7F7F7F;
            }*/
        #search { 
                 margin-left:45%;
                 margin-top:-1%;
                }
        #icon  {
               margin-left:80%; 
               margin-top:-6%;
              }
        
        #searchbox5 {
           width: 200px;
           padding: 5px 0 20px;
           margin-top:-2%;
        }

        #search5 {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAeBJREFUeNqckj9oE3EUxz+/45pGNLHq1FaULg5CpX9wKlqhu3JwwuEgTi4uIiiUTio4VAQddBIEQYkQDK2CpSW18SxKa63WEKvFSUsCrU0uuZD7tfnlXJIaasTi296fz/e9x3vC933+13SACxev1Px+YAjoAtaA18AgsLIVvHt7GK3OvwRMKaV6nFw2VSy6DnAWSAGdf+1cTd50C4WPdiJ+x/O8b0DwwMGOvu7eo5eFEI+EEEcawhsb6+d0vakyPzdzw/O8p4ZplQFi0chca1v7obb2/RZwuDrFpmkASqlOpVR+dXVltAYCGKb1UwheARRd94/RNQApZVbX9RbDtEJbC1r27O0AyOWyTkM4vfxjBNB8378P7KrLdwWDO85LKb/PvJ2ebQh/TiXHMunlESHESWAJeAA8B94JIXYHAoFWw7T6GsKGaa29mbavJhc+3CqVSjnf908rpXodJzdbdN1PQggdiAJGo1NhmNZ8LBrJLH1dTAD7AAlkAs3NO4+fGLgWCoW7gSfAmarQb7gqkAae1cdi0YhmT8Urx/oHrofC4R7gMbAOjGr/+l/DtCpSyjE7ER8q5PPvgSYp5anNnbcpMP5ycnzwy2Lq3uTEi4fbhmsCqlyeSCUXhj3PswF+DQCd6slMgae9lQAAAABJRU5ErkJggg==) no-repeat 10px 6px #252525;
            border: 0 none;
            font: bold 12px Arial, Helvetica, Sans-serif;
            color: #777;
            width: 150px;
            padding: 6px 15px 6px 35px;
            border-radius: 20px;
            text-shadow: 0 2px 2px rgba(0,0,0,0.3);
            box-shadow: 0 1px 0 rgba(255,255,255,0.1), 0 1px 3px rgba(0,0,0,0.2) inset;
            -webkit-transition: all 0.7s ease 0s;
        }
        #search5:focus {
                width: 200px;
                outline: 0;
            }

         .tooltip {
                       position: relative;
                       display: inline-block;
                       /*border-bottom: 1px dotted black;*/
                   }

                       .tooltip .tooltiptext {
                           visibility: hidden;
                           width: 120px;
                           background-color: #555;
                           color: #fff;
                           text-align: center;
                           border-radius: 50px;
                           padding: 5px 0;
                           position: absolute;
                           z-index: 1;
                           bottom: 125%;
                           left: -30%;
                           margin-left: -60px;
                           opacity: 0;
                           transition: opacity 0.3s;
                           box-shadow: 0 -5px 5px -5px #fff;
                           box-shadow: 5px 0 5px -5px #fff;
                           box-shadow: 0 5px 5px -5px #fff;
                           box-shadow: -5px 0 5px -5px #fff;
                           box-shadow: 0 0 5px #fff;
                       }

                           /*.tooltip .tooltiptext::after {
                               content: "";
                               position: absolute;
                               top: 100%;
                               left: 50%;
                               margin-left: -5px;
                               border-width: 5px;
                               border-style: solid;
                               border-color: #555 transparent transparent transparent;
                           }*/

                       .tooltip:hover .tooltiptext {
                           visibility: visible;
                           opacity: 1;
                       }

                        /* for slider
                            
                            jssor slider loading skin spin css */
                   .jssorl-009-spin img {
                       animation-name: jssorl-009-spin;
                       animation-duration: 1.6s;
                       animation-iteration-count: infinite;
                       animation-timing-function: linear;
                   }

                   @keyframes jssorl-009-spin {
                       from {
                           transform: rotate(0deg);
                       }

                       to {
                           transform: rotate(360deg);
                       }
                   }


                   .jssorb053 .i {
                       position: absolute;
                       cursor: pointer;
                   }

                       .jssorb053 .i .b {
                           fill: #fff;
                           fill-opacity: 0.5;
                       }

                       .jssorb053 .i:hover .b {
                           fill-opacity: .7;
                       }

                   .jssorb053 .iav .b {
                       fill-opacity: 1;
                   }

                   .jssorb053 .i.idn {
                       opacity: .3;
                   }

                   .jssora093 {
                       display: block;
                       position: absolute;
                       cursor: pointer;
                   }

                       .jssora093 .c {
                           fill: none;
                           stroke: #fff;
                           stroke-width: 400;
                           stroke-miterlimit: 10;
                       }

                       .jssora093 .a {
                           fill: none;
                           stroke: #fff;
                           stroke-width: 400;
                           stroke-miterlimit: 10;
                       }

                       .jssora093:hover {
                           opacity: .8;
                       }

                       .jssora093.jssora093dn {
                           opacity: .6;
                       }

                       .jssora093.jssora093ds {
                           opacity: .3;
                           pointer-events: none;
                       }

                       /*slider*/
                         #image-rotator {
                               width: 405px;
                           }

                           #content-rotator {
                               width: 600px;
                           }

                               #content-rotator .rotator-content {
                                   margin: auto 50px auto 400px;
                               }

                                   #content-rotator .rotator-content h1 {
                                       margin: 10px 0 5px 0;
                                   }

                                   #content-rotator .rotator-content p {
                                       margin: 0;
                                   }

                               /* custom css using plugin hooks */

                               #content-rotator .ui-rotator {
                                   background-color: #2E2E2E;
                                   /*background-image: url("Simple-Content-Slider-Rotator-Plugin-with-jQuery-jQuery-UI/img/sprite.jpg");*/
                                   background-repeat: no-repeat;
                                   height: 170px;
                                   width:300px;
                               }
                               #content-rotator1 .ui-rotator {
                                   background-color: #2E2E2E;
                                   /*background-image: url("Simple-Content-Slider-Rotator-Plugin-with-jQuery-jQuery-UI/img/sprite.jpg");*/
                                   background-repeat: no-repeat;
                                   height: 140px;
                                   width:900px;
                               } 
                               #content-rotator2 .ui-rotator {
                                   background-color:#2E2E2E;
                                   /*background-image: url("Simple-Content-Slider-Rotator-Plugin-with-jQuery-jQuery-UI/img/sprite.jpg");*/
                                   background-repeat: no-repeat;
                                   height: 20px;
                                   width:250px;
                                   margin-top:1%;
                               }
                               #content-rotator3 .ui-rotator {
                                   background-color: #2E2E2E;
                                   background-repeat: no-repeat;
                                   height: 20px;
                                   width:250px;
                                   margin-top:1%;
                                   margin-left:100%;
                               }
        .outer-div {
              padding: 30px;
              background-color: #000000;
              /*border: 2px solid red;
              padding: 10px;
              border-radius: 25px;*/
            }
         /*.side-ber {
               border: 2px solid #2E2E2E;
               padding: 10px;
               border-radius: 25px;
               width:10px;
               height:90px;
               background-color:#2E2E2E;
             }*/
          .example {
               border: 2px solid #2E2E2E;
               padding: 25px;
               border-radius: 25px;
               width:1050px;
               height:90px;
               margin-left:7%;
               background-color:#4D4D4D;
             }
          .example1 {
               border: none;
               /*padding: 10px;*/
               /*border-radius: 25px;*/
               width:1300px;
               height:290px;
               background-color:#000000;
             margin-top:-2%;
             }
            .inner-div
            {
              margin: 0 auto;
              max-width:3%;
              height: 100px;
              background-color: #000000;
              border-radius: 3px;
              margin-left:85%;
              /*margin-right:-5%;*/
              margin-top:-75px;
            }
     
/*.up { margin-top:50%;
}*/
           /*#content-rotator .ui-rotator-1 {
            background-position: 0 0;
            }

           #content-rotator .ui-rotator-2 {
           background-position: 0 -166px;
           }

           #content-rotator .ui-rotator-3 {
           background-position: 0 -332px;
           }*/
@font-face {
    font-family: 'Fira Sans';
    src: local('FiraSans-Regular'),
    url('/media/fonts/FiraSans-Regular.woff2') format('woff2');
}

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

input,
label {
    width: 43%;
}

input {
    margin: .5rem 0;
    padding: .5rem;
    border-radius: 4px;
    border: 1px solid #ddd;
}

label {
    display: inline-block;
    font-size: .8rem;
}

input:invalid + span:after {
    content: '✖';
    color: red;
    padding-left: 5px;
}

input:valid + span:after {
    content: '✓';
    color: green;
    padding-left: 5px;
}

.warning {
    font-size: .65rem;
    color: #e67d09;
}

.submit {
    width: 92%;
    margin: 0 auto;
}
textarea {
    padding: 10px;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
}

.textarea-example {
    font-family: sans-serif;
}

.textarea-example div {
    margin-bottom: 20px;
}

label,
textarea {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
}

label {
    margin-bottom: 5px;
}
/*Menu*/
    .flex-container {
        width: 100%;
        min-height: 10px;
        margin: 0 auto;
        display: -webkit-flex; /* Safari */
        display: flex; /* Standard syntax */
        text-align-last: right;
    }

        .flex-container .column {
            padding: 10px;
            background: #000000;
            -webkit-flex: 1; /* Safari */
            -ms-flex: 1; /* IE 10 */
            flex: 1; /* Standard syntax */
        }

            .flex-container .column.bg-alt {
                background: #000000;
            }

    .button {
        display: block;
        width: 170px;
        height: 10px;
        background: #0094F8;
        padding: 7px;
        text-align: center;
        border-radius: 5px;
        color: white;
        font-weight: bold;
        font-size: 10px;
        margin-left: 25%;
        margin-top: 2%;
    }

    .flex-container1 {
        width: 80%;
        min-height: 600px;
        margin: 0 auto;
        display: -webkit-flex; /* Safari */
        display: flex; /* Standard syntax */
    }

    .flex-container .column1 {
        padding: 10px;
        background: #dbdfe5;
        -webkit-flex: 1; /* Safari */
        -ms-flex: 1; /* IE 10 */
        flex: 1; /* Standard syntax */
    }

    .flex-container .column.bg-alt1 {
        background: #b4bac0;
    }
 .Access {
               border:none;
               padding: 10px;
               /*border-radius: 25px;*/
               width:75%;
               height:500px;
               margin-left:10%;
               background-color:#2A2A2A;
               text-align:center;
             }
          .AccessTwo {
               border: none;
               padding: 10px;
               /*border-radius: 25px;*/
               width:75%;
               height:500px;
               margin-left:10%;
               background-color:#2A2A2A;
               text-align:center;
           }
          .detail {
               border:none;
               padding: 10px;
               width:95%;
               height:auto;
               /*margin-left:15%;*/
               background-color:#000000;
               text-align:left;
             }
           .detail-about {
               border:none;
               padding: 10px;
               width:95%;
               height:auto;
               /*margin-left:15%;*/
               background-color:#000000;
              margin-left:50%;
             }
           .map {
               border:none;
               padding: 10px;
               width:95%;
               height:auto;
               /*margin-left:15%;*/
               background-color:#000000;
             }

           .tbl1 {
                 border:none;
                 padding: 10px;
                 width:75%;
                 height:1000px;
                 margin-left:15%;
                 background-color:#2A2A2A;
               /*text-align:center;*/
            }
           .tbl2 {
                 border:none;
                 padding: 10px;
                 width:75%;
                 height:680px;
                 margin-left:14%;
                 background-color:#2A2A2A;
               /*text-align:center;*/
                margin-top:-40%;
            }
           .tbl3 {
                 border:none;
                 padding: 8px;
                 width:100%;
                 height:300px;
                 /*margin-left:15%;*/
                 background-color:#2A2A2A;
               /*text-align:center;*/
                /*margin-top:-40%;*/
            }

           /*responsive div*/
           /*.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}*/

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}