/* PARALLAX SCROLLING EXPERIMENT
   Master Styles
   Author: Jonathan Nicol (f6design.com)
*****************************************************************/


/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    font-family: 'helvetica_neueregular';
    min-height: 100%;
    height: 100%;
    /*overflow: hidden;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
}
/* HTML5 display-role reset for older browsers */

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }


/* Extended base styles (site specific)
*****************************************************************/


a {
    text-decoration: none;
}

img {
    border: 0;
}


/*------------------------------------New------------------------------*/
main {
    width: 100%;
    float: left;
}
/*---------------------------Pages start--------------------------------*/

#home {
    /*overflow: hidden;*/
    /* position: relative;
	float:left;*/
    background: #01acee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYWNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTJiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #01acee 0%, #ea2b8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01acee), color-stop(100%,#ea2b8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* IE10+ */
    background: linear-gradient(to right, #01acee 0%,#ea2b8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01acee', endColorstr='#ea2b8b',GradientType=1 ); /* IE6-8 */
    z-index: 105;
    width: 100%;
    min-height: 700px;
}

#about {
    width: 100%;
}

#work {
    /*overflow: hidden;*/
    /* position: relative;
	float:left;*/
    background: #01acee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYWNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTJiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #01acee 0%, #ea2b8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01acee), color-stop(100%,#ea2b8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* IE10+ */
    background: linear-gradient(to right, #01acee 0%,#ea2b8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01acee', endColorstr='#ea2b8b',GradientType=1 ); /* IE6-8 */
    /*z-index:101;*/
    width: 100%;
}

#contact {
    /*overflow: hidden;*/
    /* position: relative;
	float:left;*/
    background: #01acee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYWNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTJiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #01acee 0%, #ea2b8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01acee), color-stop(100%,#ea2b8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #01acee 0%,#ea2b8b 100%); /* IE10+ */
    background: linear-gradient(to right, #01acee 0%,#ea2b8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01acee', endColorstr='#ea2b8b',GradientType=1 ); /* IE6-8 */
    z-index: 105;
    width: 100%;
}

#about_0, #about_1, #about_2, #about_3, #contact_1, #contact_2 {
    width: 100%; /*float:left; position:relative; */
    min-height: 700px;
}

#work_1, #work_2 {
    width: 100%; /*float:left; position:relative; */
    min-height: 700px;
    z-index: 116;
}
/*.first {background-color:#fff; width:100%; position:relative; float:left;}*/
.home {
    width: 100%;
    position: relative;
    float: left;
}

.about {
    width: 100%;
    position: relative;
    float: left;
}

.about_0 {
    width: 100%;
    position: relative;
    float: left;
}

.about_1 {
    width: 100%;
    position: relative;
    float: left;
}

.about_2 {
    width: 100%;
    position: relative;
    float: left;
}

.about_3 {
    width: 100%;
    position: relative;
    float: left;
}

.work {
    width: 100%;
    position: relative;
    float: left;
}

.work_1 {
    width: 100%;
    position: relative;
    float: left;
}

.work_2 {
    width: 100%;
    position: relative;
    float: left;
}

.contact {
    width: 100%;
    position: relative;
    float: left;
}

.contact_1 {
    width: 100%;
    position: relative;
    float: left;
}

.contact_2 {
    width: 100%;
    position: relative;
    float: left;
}
/*---------------------------Pages end----------------------------------*/
header {
    width: 90%;
    background-color: #ea2b8b;
    height: 60px;
    float: left;
    padding-top: 10px;
    padding-right: 5%;
    padding-left: 5%;
    z-index: 999999;
    position: relative;
}

#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
}

.logo {
    float: left;
}

nav {
    float: right;
    margin-top: 10px;
}

    nav ul {
        float: right;
    }

        nav ul li {
            float: left;
            padding: 0px 0 0 30px;
        }

            nav ul li a {
                font-size: 20px;
                color: #fff;
            }

                nav ul li a:hover {
                    font-size: 20px;
                    color: #04a3e7;
                }

                nav ul li a.active {
                    font-size: 20px;
                    color: #04a3e7;
                    -webkit-transform: translate3d(0, 0, 0);
                    -moz-transform: translate3d(0, 0, 0);
                    -o-transform: translate3d(0, 0, 0);
                    -ms-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }

.particles {
    left: 0;
    height: 480px;
    float: left;
}

#particles {
    width: 100%;
    /*overflow: hidden;*/
    height: 440px;
    background-color: #fff;
    z-index: 999;
}
/*html[data-useragent*='MSIE 10.0'] #particles {
  width: 100%;
  overflow: hidden;
  background-color:#fff;
  z-index:999;
}*/

.logo_p1 {
    position: absolute;
    right: 5%;
    top: 200px;
}

.bluebg {
    width: 100%;
    /*height: 300px;*/
    /*background-image: url(../images/bluebg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-size:100%;*/
    float: left;
    z-index: 1000;
}
.expand{
	height:45px;
	    transition:height 0.5s; /* Animation time */
    -webkit-transition:height 0.5s; /* For Safari */
	overflow:hidden;
	cursor:pointer;
	
}
.expand:hover{
	height:155px;
	
}
.font50 { color:#414042; font-size:45px; font-weight:normal;}

.first_text {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: right;
}

.font30_sky {
    font-size: 30px;
    color: #3fa9f5;
}

.font30_wht {
    font-size: 30px;
    color: #fff;
}

.font35_pink {
    color: #ea2b8b;
    font-size: 35px;
}

.font60_pink {
    color: #EA2B8B;
    font-size: 60px;
}

.font75_blue {
    color: #3fa9f5;
    font-size: 75px;
    line-height: 75px;
}

.font75_wht {
    color: #fff;
    font-size: 75px;
    line-height: 75px;
}

.font75_pink_shadow {
    color: #ea2b8b;
    font-size: 75px;
    line-height: 75px;
    text-shadow: -200px 30px 6px rgba(144, 2, 73, 0.75);
}

.font18_sky {
    color: #3FA9F5;
    font-size: 18px;
}

.font20_gry {
    color: #cccccc;
    font-size: 20px;
}

.font20_dgry {
    color: #414042;
    font-size: 20px;
}

.font100_sky {
    color: #3fa9f5;
    font-size: 100px;
}

.font100_wht {
    color: #fff;
    font-size: 100px;
}

.font25_pink {
    color: #ea2b8b;
    font-size: 25px;
}

.font35_brown {
    color: #4a2617;
    font-size: 33px;
}

.middle_text {
    display: table;
    width: 90%;
    padding: 0 5%;
    float: right;
    height: 100%;
    z-index: 109 !important;
    position: relative;
}

.wl_text1 { /*top:40%; position:absolute;*/
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}

.client_logo {
    width: 100%;
    float: left;
}

    .client_logo ul {
        width: 100%;
        float: left;
    }

        .client_logo ul li {
            width: 10%;
            padding: 0.5% 5%;
            float: left;
        }

            .client_logo ul li img {
                width: 100%;
            }

#container {
    margin-top: 100px;
}

.contact_mapbg {
    background-image: url(../images/map.html);
    background-repeat: no-repeat;
    background-position: center bottom -100px;
    background-size: contain;
    width: 100%;
    float: left;
    height: 100%;
}

.contact_hadd {
    width: 100%;
    float: left;
    text-align: right;
}

.form_hadd {
    width: 100%;
    margin-top: 20px;
}

.form {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.foem_left {
    width: 50%;
    float: left;
}

    .foem_left ul {
        width: 100%;
        float: right;
    }

        .foem_left ul li {
            width: 100%;
            float: right;
            text-align: right;
            margin-bottom: 20px;
        }

.foem_right {
    width: 45%;
    float: right;
}

    .foem_right ul {
        width: 100%;
        float: right;
    }

        .foem_right ul li {
            width: 100%;
            float: right;
            margin-bottom: 10px;
        }

.u_field {
    font-family: 'helvetica_neueregular';
    font-size: 25px;
    color: #cccccc;
    background-color: #f4f4f4;
    padding: 1%;
    float: right;
    width: 98%;
    border: 0;
    text-align: right;
}

.u_button {
    font-size: 25px;
    color: #cccccc;
    background-color: #f4f4f4;
    padding: 1%;
    border: 0;
}
/*---------------------------------------------down arrow---------------------------------*/
.down_arrow {
    position: absolute;
    right: 5%;
    top: 85%;
    z-index: 110;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}
/*----------------------------------Circle Start-------------------------------------*/
#circle_about1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #circle_about1 .circle_big {
        position: absolute;
        top: 1000px;
        left: 300px;
    }

    #circle_about1 .circle_small {
        position: absolute;
        top: 680px;
        right: 20px;
    }

#circle_about2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #circle_about2 .circle_small {
        position: absolute;
        top: 850px;
        left: 300px;
    }

#circle_about3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #circle_about3 .circle_big {
        position: absolute;
        top: 1000px;
        left: 800px;
    }

    #circle_about3 .circle_small {
        position: absolute;
        top: 1400px;
        left: 900px;
    }

#client1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #client1 .circle_small {
        position: absolute;
        top: 1600px;
        left: 600px;
    }

#client2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #client2 .circle_small {
        position: absolute;
        top: 1700px;
        left: 200px;
    }

#work1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #work1 .circle_small {
        position: absolute;
        top: 2000px;
        right: 300px;
    }

#work2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

    #work2 .circle_small {
        position: absolute;
        top: 2400px;
        right: 250px;
    }
/*----------------------------------Circle End-------------------------------------*/
.portfolio_detl {
    width: 90%;
    padding: 5%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    text-align: left;
    opacity: 0;
}

h1 {
    font-size: 18px;
    color: #404041;
}

.portfolio_content {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #404041;
}

.box a {
    position: relative;
    width: 100%;
    float: left;
}

    .box a:hover .portfolio_detl {
        opacity: 1;
        transition: opacity .8s ease-in-out;
        -moz-transition: opacity .8s ease-in-out;
        -webkit-transition: opacity .8s ease-in-out;
    }

.pageline {
    position: absolute;
    top: 1180px;
    right: 50px;
    width: 100%;
    text-align: right;
    z-index: 100;
}

.coma_left {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100;
}

.coma_right {
    position: absolute;
    top: 500px;
    right: 100px;
    z-index: 100;
}

.branding {
    width: 100%;
    float: left;
    text-align: center;
}

    .branding ul {
        width: 100%;
        float: left;
    }

        .branding ul li {
            width: 25%;
            float: left;
        }

.font75_orange {
    color: #ed4136;
    font-size: 75px;
}

.font20_orange {
    color: #ed4136;
    font-size: 20px;
}

.font75_yellow {
    color: #f38120;
    font-size: 75px;
}

.font20_yellow {
    color: #f38120;
    font-size: 20px;
}

.font75_grn {
    color: #009245;
    font-size: 75px;
}

.font20_grn {
    color: #009245;
    font-size: 20px;
}

.font75_pink {
    color: #ea2b8b;
    font-size: 75px;
}

.font20_pink {
    color: #ea2b8b;
    font-size: 20px;
}

.font20_white {
    color: #fff;
    font-size: 20px;
}

.font25_blue {
    color: #3fa9f5;
    font-size: 25px;
}

.font18_dgry {
    color: #414042;
    font-size: 18px;
    font-weight: bold;
}

.font18_blue {
    color: #3fa9f5;
    font-size: 18px;
    font-weight: bold;
}

.font15_dgry {
    color: #414042;
    font-size: 15px;
}

.link15_dgry {
    color: #414042;
    font-size: 15px;
}

    .link15_dgry:hover {
        color: #3fa9f5;
    }

#venture_shape {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 101;
}

#rebranding_shape {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 97;
}

#sparkplus_shape {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 96;
}

#mevents_shape {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 95;
}

.map_contact {
    background-color: #e6e7e8;
    background-image: url(../images/map_contact.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    float: left;
    width: 100%;
    text-align: center;
    height: 120px;
    padding-top: 80px;
}

.middle_text_contact {
    display: table;
    width: 90%;
    padding: 0 5%;
    float: right;
    height: 500px;
    z-index: 109 !important;
    position: relative;
}

footer {
    width: 100%;
    float: left;
    background: #00aced; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTI3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #00aced 0%, #4a2718 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00aced), color-stop(100%,#4a2718)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #00aced 0%,#4a2718 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #00aced 0%,#4a2718 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #00aced 0%,#4a2718 100%); /* IE10+ */
    background: linear-gradient(to right, #00aced 0%,#4a2718 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#4a2718',GradientType=1 ); /* IE6-8 */
}

.footer_p1 {
    width: 90%;
    padding: 2% 5%;
    float: left;
    text-align: center;
}

.footer_p2 {
    width: 90%;
    padding: 1% 5%;
    float: left;
    background-color: #e6e7e8;
    text-align: center;
}

.font16_white {
    font-size: 16px;
    color: #fff;
}

.text_abjust {
    margin-top: -100px;
    margin-right: 250px;
}


#skrollr-body {
    position: absolute;
    top: 0px;
    left: 0px;
}

#skrollr-body_a {
    position: absolute;
}

.skrollr-body0 {
    z-index: 102 !important;
    position: relative;
}

.skrollr-body1 {
    z-index: 102 !important;
    position: relative;
}

.skrollr-body2 {
    z-index: 98 !important;
    position: relative;
}

.skrollr-body3 {
    z-index: 97 !important;
    position: relative;
}

.skrollr-body4 {
    z-index: 96 !important;
    position: relative;
}
/*.unsticky {
	position:fixed !important;
	bottom:0;
	top:auto !important;
}*/
/*.unsticky { bottom:0; position:absolute !important; top:auto !important;}*/
.point1 {
    position: absolute;
    right: 80px;
    top: 480px;
    z-index: 100;
}

.point2 {
    position: absolute;
    left: 433px;
    top: 285px;
    z-index: 115;
}

.point3 {
    position: absolute;
    left: 500px;
    top: 390px;
    z-index: 115;
}

.point_b1 {
    position: absolute;
    left: 58px;
    top: 409px;
    z-index: 115;
}

.point_b2 {
    position: absolute;
    left: 408px;
    top: 338px;
    z-index: 115;
}

.point_b3 {
    position: absolute;
    left: 817px;
    top: 488px;
    z-index: 115;
}

.point_b4 {
    position: absolute;
    left: 1217px;
    top: 338px;
    z-index: 115;
}

.point4 {
    position: absolute;
    left: 810px;
    top: 296px;
    z-index: 115;
}

.point5 {
    position: absolute;
    left: 664px;
    top: 330px;
    z-index: 115;
}

.point6 {
    position: absolute;
    left: 924px;
    top: 218px;
    z-index: 115;
}

.point7 {
    position: absolute;
    left: 700px;
    top: 290px;
    z-index: 115;
}

.point8 {
    position: absolute;
    left: 1075px;
    top: 200px;
    z-index: 115;
}

.point9 {
    position: absolute;
    left: 750px;
    top: 270px;
    z-index: 115;
}

.point10 {
    position: absolute;
    left: 577px;
    top: 325px;
    z-index: 115;
}

.point11 {
    position: absolute;
    left: 750px;
    top: 290px;
    z-index: 115;
}



.fullscreen,
.content-a {
    width: 100%;
    min-height: 100%;
    height: 100%;
}

    .not-fullscreen,
    .not-fullscreen .content-a,
    .fullscreen.not-overflow,
    .fullscreen.not-overflow .content-a {
        height: 100%;
        overflow: hidden;
    }
/* content centering styles */
.content-a {
    display: table;
}

.content-b {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.not-fullscreen {
    height: 50%;
}

#m_shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}








/************For popup*************/
.main_pop {
    width: 100%;
    margin: 0 auto;
}

.pop_bg {
    width: 100%;
    float: left;
    position: relative;
}

.drop_down {
    float: left;
    margin: 30px 120px 0;
    width: 400px;
    background-color: #ed4137;
    position: absolute;
    left: 0px;
    top: 0px;
    /*height:200px;*/
}

.drop_word {
    color: #fff;
    float: left;
    
    font-size: 20px;
    font-weight: 700;
    padding: 10px 5px 10px 20px;
}
.pop_bg img{
	width:100%;
	
}
.drop_image {
    width: 30px;
    margin: 14px;
    float: left;
}

.content {
    float: left;
   
    
    font-size: 14px;
    color: #000;
    padding: 15px;
    background: #fff;
    height: 300px;
}

.font_b {
    font-size: 12px;
    font-weight: bold;
}

.font_s {
    font-size: 12px;
    font-weight: normal;
}

.mrg_t20 {
    margin-top: 20px;
}

.close_button {
    position: fixed;
    right: 0;
    top: 16px;
    z-index: 100;
    cursor: pointer;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
}

.myCloseIcon {
    float: right;
    background: url('images/close_blue_new.png') no-repeat left top;
    width: 50px;
    height: 26px;
    padding: 0;
    clear: both;
    text-indent: -999px;
}