body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}


@media (max-width: 1000px) {


    header h1{
        float: none;
    }

    header a{
        margin-top: 25px;
        float: none;
    }

}


/* -- Demo ads -- */

@media (max-width: 1200px) {
    #bsaHolder{ display:none;}
}

/* -- Link to Tutorialzine -- */

.tz-link{
    text-decoration: none;
    color: #fff !important;
    font: bold 36px Arial,Helvetica,sans-serif !important;
}

.tz-link span{
    color: #da431c;
}

a{
	color: #333;
	text-decoration: none;
}

/*////////////////////////////////////////////////////////////////////////////*/
     /*  Page styles  */

        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body{ 
	font-weight: 400; 
 
	overflow-y: scroll;
	overflow-x: hidden;
        }

        .skrollr-desktop body {
            height:100% !important;
        }

        #skrollr-body {
            height:100%;
            overflow:visible;
            position:relative;
        }


        /*  Styles for this example */

        .parallax-image.skrollable-between {
            display:block;
        }

        .no-skrollr .parallax-image-wrapper {
            display:none !important;
        }

        .parallax-image-wrapper {
            position:fixed;
            left:0;
            width:100%;
            overflow:hidden;

            height:80vh;
            top:-80vh;
        }


        .parallax-image {
            display:none;
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            background-repeat:no-repeat;
            background-position:center;
            background-size:cover;

            height:100vh;
            top:0;
        }


        .parallax-image.skrollable-between {
            display:block;
        }

        .no-skrollr .parallax-image-wrapper {
            display:none !important;
        }

        .gap {
            background:transparent center no-repeat;
            background-size:cover;
            height:80vh;
        }

        .skrollr .gap {
            background:transparent !important;
        }

 
        .gap1 {
            background:transparent center no-repeat;
            background-size:cover; height:150px;
        }
        .skrollr .gap1 {
            background:transparent !important;
        }
        .gap2 {
            background:transparent center no-repeat;
            background-size:cover; height:120px;
        }
        .skrollr .gap2 {
            background:transparent !important;
        }
		

/*/////////////////////////////////////////////////////////////////////////////////////*/	
.sub_warp{position: relative;text-align: center;}
.codrops-top{ width: 100%; background: #000; z-index: 9999; position: relative;  height:30px;}
.top_menu h2 {
	font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.2px;
	color: #f8f8f8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin-bottom:13px;
}
.main_menu{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.codrops-top{ width: 100%; background: #000; z-index: 9999; position: relative;  height:30px;}
.top_menu {
	padding: 30px 70px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: right; 
}
.menu_list ul,.menu_list li { display: inline-block; }
.menu_list a {padding: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800; background:#000000; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; display:block}
	
.menu_list a:hover {background: #49a4f9;}
.menu_on { background:#49a4f9;padding: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800; background:#49a4f9; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; }
 

/***********************ȸ»ç¼Ò°³**********************************************************************************/
.cont_warp { display:block; position:relative; width:1200px; margin:auto; padding-top:20px;}
.cont_warp h2{
	font-size: 90px;  
	color: #fff;
	color: rgba(255,255,255,0.9);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
 
.cont_warp p{
	font-size: 15px;
	padding: 10px;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	background: black;
	padding: 10px;
	margin: 3px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.dummy-content{
            padding: 100px 0;
            background-color: #fff;
            color: #221f51;
            font-size: 24px;
            min-width:1200px; margin:auto;
            text-align: center;  position:relative;
        }

.dummy-content h2{    padding-top: 30px; position:relative;
    margin-bottom: 30px;
    font-size: 38px;
    color: #333; font-weight:200;
        }
	
.dummy-content  .bar{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 17px;
    height: 2px;
    margin-left: -9px;
    background: #428aed;}
.dummy-content  .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px;}	

 
/********ǪÅÍ******************/
.footer { width: 100%; min-width: 1000px; height: 155px;  background-color: #3b3b3b;} 
.footer .inner {position: relative;  display:block; width:1000px; margin:auto;}
.footer h2 { position: absolute;  top: 55px; left: 0;}
.footer address{margin-top: 15px; font-size: 12px;  color: #8a8a8a;position: absolute;  top: 45px; left: 230px;}