@font-face{
    font-family:icomoon;src:url(../fonts/icomoon0c34.eot?-rc51qd);
    src:url(../fonts/icomoond41d.eot?#iefix-rc51qd) 
    format('embedded-opentype'),url(../fonts/icomoon0c34.woff?-rc51qd) 
    format('woff'),url(../fonts/icomoon0c34.ttf?-rc51qd) 
    format('truetype'),url(../fonts/icomoon0c34.svg?-rc51qd#icomoon) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'arial';src:url('../fonts/opensans-light_0-webfont.eot');
    src:url('../fonts/opensans-light_0-webfont.eot?#iefix') 
    format('embedded-opentype'),url('../fonts/opensans-light_0-webfont.woff') 
    format('woff'),url('../fonts/opensans-light_0-webfont.ttf') 
    format('truetype'),url('../fonts/opensans-light_0-webfont.svg#arial') 
    format('svg');font-weight:normal;font-style:normal
}
@font-face{
        font-family:'open_sanslight_italic';
        src:url('../fonts/opensans-lightitalic_0-webfont.eot');
        src:url('../fonts/opensans-lightitalic_0-webfont.eot?#iefix') 
        format('embedded-opentype'),url('../fonts/opensans-lightitalic_0-webfont.woff2') 
        format('woff2'),url('../fonts/opensans-lightitalic_0-webfont.woff') 
        format('woff'),url('../fonts/opensans-lightitalic_0-webfont.ttf') 
        format('truetype'),url('../fonts/opensans-lightitalic_0-webfont.svg#open_sanslight_italic') 
        format('svg');font-weight:normal;font-style:normal
}
@font-face{
    font-family:'brassiereregular';
    src:url('../fonts/brassi__-webfont.eot');
    src:url('../fonts/brassi__-webfont.eot?#iefix') 
    format('embedded-opentype'),url('../fonts/brassi__-webfont.woff2') 
    format('woff2'),url('../fonts/brassi__-webfont.woff') 
    format('woff'),url('../fonts/brassi__-webfont.ttf') 
    format('truetype'),url('../fonts/brassi__-webfont.svg#brassiereregular') 
    format('svg');
    font-weight:normal;
    font-style:normal
    
}
[class^=icon-],[class*=" icon-"]{
    font-family:icomoon;speak:none;font-style:normal;
    font-weight:400;font-variant:normal;
    text-transform:none;line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-logo:before{content:"\e601"}
.icon-twitter:before{content:"\f099"}
.icon-facebook:before{content:"\f09a"}
.icon-pinterest:before{content:"\f0d2"}
.icon-link:before{content:"\f108"}
.icon-instagram:before{content:"\f16d"}
.icon-quotes-left:before{content:"\e605"}
.fa-linkedin:before{content:"\f0e1"}
.icon-eye:before{content:"\e603"}
.icon-arrow-up:before{content:"\e600"}
.icon-arrow-down:before{content:"\e604"}
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}[hidden]{display:none}
html{
    background:#fff;
    color:#000;
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
    
}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
#contLeft{margin:0 auto;text-align:left;width:25%}
a:focus{outline:thin dotted}a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
    
}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{
    font-family:monospace,serif;
    _font-family:'courier new',monospace;
    font-size:1em
    
}
pre{
    white-space:pre;
    white-space:pre-wrap
    ;word-wrap:break-word
    
}
q{quotes:none}
q:before,q:after{
    content:'';
    content:none
    
}
small{font-size:80%}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
    
}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
    
}
legend{
    border:0;
    padding:0;
    white-space:normal;
    *margin-left:-7px
    
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle
    
}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible
    
}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0;*height:13px;
    *width:13px
    
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
    
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
    
}
.absolute-full{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
i.icon-logos{
    background:url('../img/logo_home.png') no-repeat;
    width:130px;
    height:130px;
    display:block
    
}
span.menuTop{
    color:#fff;
    float:right!important;
    margin:8px 99% 21px 0;
    font-family:arial
}
.black-bg .menuTop,.active .menuTop{display:none}
.nawat_mainloagarea{
    letter-spacing:0!important;
    font-family:brassiereregular!important;
    font-weight:normal!important
}
.content-item ol{list-style:circle!important}
.adressblock ul li.linkedin{
    background:url('../img/linkedin.png') no-repeat;
    width:32px;
    height:32px;
    display:block;
    margin:20px 0 0
}
.adressblock .offcont{margin:10px 0 0 0}
.content-item .fullscreen{height:600px!important}
@-webkit-keyframes rotating{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
.rotating{
    -webkit-animation:rotating 4s linear infinite
}
@-webkit-keyframes moveUp{
    to{
        -webkit-transform:translateY(0);opacity:1
    }
}
@-moz-keyframes moveUp{
    to{
        -moz-transform:translateY(0);
        opacity:1
    }
}
@keyframes moveUp{
    to{
        transform:translateY(0);opacity:1
    }
}*,:before,:after{
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
    
}
ul,p,h1,h2,h3,h4,h5,h6{
    margin:0;padding:0;font-weight:inherit;list-style:none
    
}
a{
    text-decoration:none;color:inherit
        
}
body,html{
    position:relative;
    -webkit-backface-visibility:hidden;
    color:#000;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling:touch
    
}
body{
    font-size:16px;
    opacity:1;
    -webkit-transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -ms-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    transition:opacity .2s linear
    
}
body.hidden{opacity:0}
body.fixed{overflow:hidden}
body.cursor{cursor:pointer}body.nav-open .nav-overlay{opacity:1;visibility:visible}.nav-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1001;background-color:rgba(0,0,0,.5);visibility:hidden;opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.fullscreen-page{visibility:hidden;position:absolute;background-color:#fff}.main-content,.side-content{position:absolute}.main-content{height:100%}.anim{visibility:hidden}.photo-circle{position:absolute;width:150px;height:150px;top:50%;left:50%;margin-left:-75px;margin-top:-75px;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:10;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.photo-circle .photo-circle-inner{position:absolute;width:135px;height:135px;top:50%;left:50%;margin-left:-67.5px;margin-top:-67.5px}.photo-circle .photo-circle-inner img{-webkit-border-radius:135px;-moz-border-radius:135px;border-radius:135px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#modal{position:fixed;z-index:99;top:0;overflow:auto}#modal .modal-content{display:none;width:100%;height:100%;position:absolute;top:0;left:0}#modal .modal-content .modal-close{cursor:pointer}#modal .modal-content .modal-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;-ms-filter:"alpha(Opacity=20)";filter:alpha(opacity=20);opacity:.2;z-index:1}#helpers .small-line{content:"";width:40px;height:1px;background-color:#fff;display:block;margin:20px auto}#helpers .half-text{padding-left:15%;padding-right:15%}.wa-scroll-item:not(.touch){opacity:0}.wa-scroll-item:not(.touch).move-up{-webkit-transform:translateY(120px);-moz-transform:translateY(120px);transform:translateY(120px)}.wa-scroll-item:not(.touch).scroll-active{-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}.wa-content{width:80%;max-width:1000px;margin-left:auto;margin-right:auto}.wa-grid{position:relative}.wa-grid .grid-item{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;position:absolute;overflow:hidden}.wa-grid .grid-item .image-container{width:100%;height:100%;position:absolute}.wa-grid .grid-item .image-container img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.wa-grid.single-column{height:auto!important}.wa-grid.single-column .grid-item,.wa-grid.single-column .image-container,.wa-grid.single-column img{position:relative!important;width:100%!important;height:auto!important;top:0!important;left:0!important}.wa-footer{background-color:#333;border-top:#ccc solid 1px;padding:15px 0;color:#eee;font-family:'arial';font-weight:400;overflow:hidden}.wa-footer .email-signup{text-align:center}.wa-footer .email-signup label{display:block;text-transform:uppercase;font-size:1.5em;letter-spacing:.2em}.wa-footer .email-signup input.email{color:#eee;border:solid 2px #eee;background-color:transparent;width:100%;max-width:400px;display:block;padding:20px;margin:25px auto;text-align:center;font-family:'arial';font-weight:400}.wa-footer .email-signup input.email:focus{outline:0}.wa-footer .email-signup input.button{color:#eee;font-family:'arial';font-weight:400;text-transform:uppercase;border:solid 2px #eee;background:transparent;padding:10px 20px;letter-spacing:.2em;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.wa-footer .email-signup input.button:hover{background-color:#eee;color:#333}.wa-social-icons li{display:inline-block;margin:0 5px}.born-popup{width:250px;height:auto;position:fixed;border:solid #000 2px;right:20px;bottom:20px;font-family:'arial';font-weight:400;cursor:pointer}.born-popup.ready i{visibility:visible;opacity:1}.born-popup .wrap:hover .bg-1{-webkit-transform:translate(-10px,-10px);-moz-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}.born-popup .content{position:relative;z-index:1;background-color:#fff;width:100%;height:100%;text-transform:uppercase;text-align:center;padding:10px 20px}.born-popup .bg-1{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;position:absolute;z-index:0;width:100%;height:100%;right:-10px;bottom:-10px;background-color:#000}.born-popup i{cursor:pointer;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;visibility:hidden;opacity:0;display:block;position:absolute;width:20px;height:20px;border:#000 solid 2px;text-align:center;line-height:12px;color:#000;font-size:14px;left:-20px;top:-20px;z-index:11;font-style:normal;background-color:#fff}.born-popup i:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.spinner-anim{position:absolute;width:50px;height:30px;top:50%;left:50%;margin-left:-25px;margin-top:-15px;text-align:center;font-size:10px}.spinner-anim>div{background-color:#eee;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner-anim .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-anim .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-anim .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner-anim .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}section#intro-container{background-color:#fff;z-index:100}section#intro-container .logo-container{width:100%;height:100%;position:relative}section#intro-container .logo-container h1{font-size:0;line-height:0;color:transparent;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;overflow:hidden}.n
awat_mainloagarea{
    color:#666665;
    font-size:20em;
    font-weight:700;
    height:auto;
    letter-spacing:.2em;
    line-height:300px;
    margin:0 auto;
    overflow:hidden;
    position:absolute;
    text-align:center;
    text-transform:capitalize;
    top:28%;
    width:100%;
    z-index:99;
    opacity:.8
}
section#intro-container .logo-container .movie-container{
    width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}
#wava-logo{width:100%;height:100%;position:relative;margin:0 auto;overflow:hidden}
#wava-logo img{width:100%;height:auto;background-size:cover}
section#article-list-container{overflow:hidden;position:relative}
section#article-list-container article{padding:0}section#article-list-container article.info-active .padded-content .overlay{opacity:.5}section#article-list-container article .padded-content{position:relative;z-index:1;width:100%;height:100%}section#article-list-container article .padded-content .overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;opacity:.2}section#article-list-container article .padded-content .overlay:after{content:"";display:block;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.6)}section#article-list-container article .padded-content .poster-image{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}section#article-list-container article .padded-content .poster-image .image-container{position:relative;width:100%;height:100%;overflow:hidden}section#article-list-container article .info{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff}section#article-list-container article .info .photo-circle-container{position:absolute;width:100%;height:390px;top:50%;left:50%;margin-left:-50%;margin-top:-195px;z-index:2;position:relative}section#article-list-container article .info .photo-circle-container .user-copy-container{padding:0 20%;position:absolute;width:100%;text-align:center;bottom:0}section#article-list-container article .info .photo-circle-container .user-copy-container h4{margin-top:20px;font-family:'arial';font-weight:400;letter-spacing:.1em;margin-bottom:10px}section#article-list-container article .info .photo-circle-container .user-copy-container h5{font-family:arial;font-weight:400;font-style:italic;letter-spacing:.1em}section#article-list-container article .info .photo-circle-container .user-copy-container:after{content:"";width:40px;height:1px;background-color:transparent!important;display:block;margin:20px auto;margin:50px auto 0}section#article-list-container article .info .copy{text-align:center;margin-top:-5px;width:100%;position:absolute;padding:0 20%}section#article-list-container article .info .copy h3{line-height:1em;font-family:'arial';font-weight:300;font-size:52px;text-transform:capitalize;margin-bottom:10px}section#article-list-container article .info .copy h3 .word.article{text-transform:lowercase;font-size:30px}section#article-list-container article .info .copy h4{font-family:'arial';font-weight:300;font-size:14px;letter-spacing:.2em;margin-bottom:15px}section#article-list-container article .info .copy h5{font-family:'arial';font-weight:300;font-size:12px;font-style:italic}section#article-list-container article .info .copy .icon-eye{font-size:20px;margin-top:20px;cursor:pointer;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}section#article-list-container article .info .copy .icon-eye:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}@media only screen and (max-height:450px){section#article-list-container article .info .copy .icon-eye{display:none}}section#article-list-container .nav-circle{position:fixed;z-index:1000;top:50%;border:solid 2px #fff;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}section#article-list-container .nav-circle:hover:not(.disabled){-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}section#article-list-container .nav-circle:hover:not(.disabled) .inside-icon{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7)}section#article-list-container .nav-circle.hidden{opacity:0;visibility:hidden}section#article-list-container .nav-circle.disabled{opacity:.5;display:none}section#article-list-container .nav-circle .inside-icon{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;font-size:16px;color:#fff}section#article-list-container .nav-circle.next{position:absolute;width:35px;height:35px;top:50%;left:50%;margin-left:-17.5px;margin-top:42.5px;left:inherit;right:20px}section#article-list-container .nav-circle.middle{position:absolute;width:35px;height:35px;top:50%;left:50%;margin-left:-17.5px;margin-top:-17.5px;left:inherit;right:20px}section#article-list-container .nav-circle.prev{position:absolute;width:35px;height:35px;top:50%;left:50%;margin-left:-17.5px;margin-top:-77.5px;left:inherit;right:20px}.main-spinner{z-index:1000;background:rgba(0,0,0,.5);border-radius:80px;position:absolute;width:80px;height:80px;top:50%;left:50%;margin-left:-40px;margin-top:-40px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;opacity:0}body.onLast.nextLoading .main-spinner,body.loadingArticle .main-spinner{opacity:1}
    section#article-container{z-index:9;
    background-color:#fff;width:100%;
    height:auto;position:absolute;top:0;visibility:hidden;
    display:none;padding-top:90px
        
    }
    section#article-container .intro{text-align:center}
    section#article-container .intro h2{font-family:'arial';font-weight:400;font-size:52px;text-transform:capitalize;line-height:1em}
    section#article-container .intro h3{font-family:arial;font-weight:400;font-style:italic;font-size:16px}
    section#article-container .intro .user{font-family:'arial';font-weight:400;margin-bottom:20px}
    section#article-container .intro .user .by{font-family:arial;font-weight:400;font-size:20px;margin:20px 0}
    section#article-container .intro .user h5{font-size:35px}
    section#article-container .intro .user h6{font-family:arial;font-weight:400;font-size:14px}
    section#article-container .intro .social{text-align:center}
    section#article-container .intro .social .social-icon{font-size:18px;color:#000;display:inline-block;margin-left:5px;-webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
    section#article-container .intro .social .social-icon:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
    section#article-container .intro .date{font-family:'arial';font-weight:400;font-size:12px;margin-top:20px;font-style:italic}
    section#article-container .intro h4{font-size:1.1em;line-height:1.5em;font-family:arial;font-weight:400;font-style:italic;padding-left:15%;padding-right:15%}
    section#article-container .intro h4:before,section#article-container .intro h4:after{content:"";width:40px;height:1px;background-color:#fff;display:block;margin:20px auto;background-color:#000;opacity:.5}
    section#article-container .intro h4 a{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}section#article-container .intro h4 a:hover{opacity:.5}
    section#article-container .image-container{overflow:hidden}
    section#article-container .content-item{margin-top:10px;overflow:hidden}
    section#article-container .content-item.paragraph{font-family:arial;font-weight:400;line-height:1.5em;font-size:1.2em;text-align:justify}
    section#article-container .content-item.paragraph p,section#article-container .content-item.paragraph div{margin:1em 0}
    section#article-container .content-item.paragraph strong,section#article-container .content-item.paragraph em{font-family:'arial';font-weight:400;font-style:italic;font-size:1.2em}
    section#article-container .content-item.paragraph:before,section#article-container .content-item.paragraph:after{content:"";width:40px;height:1px;background-color:#fff;display:block;margin:20px auto;background-color:#000;opacity:.5}section#article-container .content-item.paragraph a{text-decoration:underline;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}section#article-container .content-item.paragraph a:hover{opacity:.5}section#article-container .content-item.video-container{cursor:pointer}section#article-container .content-item.video-container iframe{width:100%}section#article-container .content-item.image_fullscreen{position:relative}section#article-container .content-item.image_fullscreen .image-container{width:100%;height:100%;position:absolute;top:0;left:0;position:relative}section#article-container .content-item.image_whole{position:relative}section#article-container .content-item.image_whole img{display:block;margin:auto;width:100%;max-width:100%!important}section#article-container .content-item.image_whole.rollover{cursor:pointer}section#article-container .content-item.image_whole .image-rollover{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}section#article-container .content-item.image_full{position:relative;width:100%;max-width:100%}section#article-container .content-item.image_full .image-container{position:relative}section#article-container .content-item.image_full .image-container img{display:block;margin:auto;width:100%}section#article-container .content-item.image_grid{text-align:center}section#article-container .content-item.image_grid .grid-item{display:inline-block}section#article-container .content-item.image_grid .grid-item img{height:300px}section#article-container .content-item.image_grid .grid-item .image-rollover{opacity:0}section#article-container .content-item.image_grid .wa-grid.border .grid-item{border:solid 1px rgba(0,0,0,.1)}s
    section#article-container .content-item .caption{text-align:center;font-family:arial;font-weight:400;font-style:italic;font-size:13px;margin:20px 0}
    section#article-container .content-item .quote-container{color:#fff;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;padding:10px}
    
    section#article-container .content-item .quote-container.darken{
        background-color:rgba(0,0,0,.4)*/
        
    }
    section#article-container .content-item .quote-container.darken.white{
        background-color:rgba(255,255,255,.4)
        
    }section#article-container .content-item .quote-container.white{color:#000}section#article-container .content-item .quote-container .quote-inner{position:relative;width:100%;height:100%}section#article-container .content-item .quote-container .quote-inner .quote-copy-wrapper{max-width:1000px;height:100%;display:table;margin:auto}section#article-container .content-item .quote-container .quote-inner .quote-copy-wrapper .quote-copy{display:table-cell;vertical-align:middle;text-align:left;font-family:arial;font-weight:400;font-size:1.3em}section#article-container .content-item .quote-container .quote-inner .quote-copy-wrapper .quote-copy .icon-quotes-left{display:block;font-size:40px;margin:20px}section#article-container .content-item .quote-container .quote-inner .quote-copy-wrapper .quote-copy .icon-quotes-left.bottom{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}section#article-container .article-footer-content{margin-top:80px;text-align:center}section#article-container .article-footer-content .collaborator{border-top:#ddd solid 1px;background-color:#eee;padding:80px 0}section#article-container .article-footer-content .collaborator .image-container{width:100px;height:100px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden;margin:0 auto 20px}section#article-container .article-footer-content .collaborator .image-container.preloaded{opacity:1}section#article-container .article-footer-content .collaborator .image-container.preload{opacity:0}section#article-container .article-footer-content .collaborator .image-container img{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}section#article-container .article-footer-content .collaborator .image-container:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,.2);box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,.2);z-index:1}section#article-container .article-footer-content .collaborator .copy-container{text-align:center}section#article-container .article-footer-content .collaborator .copy-container h4{font-family:'arial';font-weight:400;text-transform:uppercase;letter-spacing:.3em;margin-bottom:20px}
    section#article-container .article-footer-content .collaborator .copy-container h4 span{font-style:italic;font-weight:700}
    section#article-container .article-footer-content .collaborator .copy-container p{font-family:arial;font-weight:400;padding-left:15%;padding-right:15%}section#article-container .article-footer-content .social{border-top:#ccc solid 1px;background-color:#ddd;padding:80px 0}section#article-container .article-footer-content .social h5{font-family:'arial';font-weight:400;text-transform:uppercase;font-size:2em;margin-bottom:10px}section#article-container .article-footer-content .social h6{font-family:arial;font-weight:400;font-style:italic;font-size:1.5em;margin-bottom:20px}section#article-container .article-footer-content .social .wa-social-icons{font-size:1.5em}section#article-container .article-footer-content .social .wa-social-icons li{margin:0 10px}section#article-container .slug-wrapper[data-partner] .partner{border-top:#ddd solid 1px;padding:50px}section#article-container .slug-wrapper[data-partner] .partner h5{font-family:'arial';font-weight:400;text-transform:uppercase;margin-bottom:10px}section#article-container .slug-wrapper[data-partner] .partner img{margin:auto;width:200px;max-width:80%;position:relative}section#article-container .slug-wrapper[data-partner=born] img{left:24px}section#about-container{padding:10px;width:100%;height:100%;position:absolute;top:0;left:0}section#about-container .about-wrapper{position:relative;width:100%;height:100%}section#about-container .about-wrapper .about-bg-image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden}section#about-container .about-wrapper .about-bg-image img{-webkit-filter:grayscale(100%) contrast(130%) brightness(150%);-moz-filter:grayscale(100%) contrast(130%) brightness(150%);filter:grayscale(100%) contrast(130%) brightness(150%)}section#about-container .about-wrapper .about-contents{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);z-index:2;display:table;padding:0 20%}section#about-container .about-wrapper .about-contents .copy{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-family:'arial';font-weight:300}section#about-container .about-wrapper .about-contents .copy h3{text-transform:uppercase;font-size:40px;margin-bottom:20px}section#about-container .about-wrapper .about-contents .copy p{font-family:arial;font-weight:400}section#about-container .about-wrapper .about-contents .copy p em{font-style:italic}section#about-container .about-wrapper .about-contents .copy p:after{content:"";width:40px;height:1px;background-color:#fff;display:block;margin:20px auto;margin-top:30px}section#about-container .about-wrapper .about-contents .copy h4{font-size:30px}section#about-container .about-wrapper .about-contents .copy .social-icons{margin:10px 0}section#about-container .about-wrapper .about-contents .copy .social-icons a>div{display:inline-block;margin-left:5px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}section#about-container .about-wrapper .about-contents .copy .social-icons a>div:hover{opacity:.5}section#about-container .about-wrapper .about-contents .copy h5:before{content:"";width:40px;height:1px;background-color:#fff;display:block;margin:20px auto;margin-top:30px}section#about-container .about-wrapper .about-contents .copy h5 a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}section#about-container .about-wrapper .about-contents .copy h5 a:hover{opacity:.5}header{position:fixed;width:100%;height:60px;z-index:100}header .logo{font-size:33px;color:#fff;position:absolute;top:20px;left:20px}header .hamburger{z-index:102;position:absolute;top:10px;right:10px;width:45px;height:43px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}header .hamburger.loading .loader{opacity:1;position:absolute;width:26px;height:26px;top:50%;left:50%;margin-left:-13px;margin-top:-15px;border:dotted 3px #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-animation:rotating 4s linear infinite}header .hamburger.loading .loader:after{content:"";width:10px;height:10px;background-color:pink}header .hamburger.loading .layer{opacity:0}header .hamburger .loader{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}header .hamburger.hidden{opacity:0;visibility:hidden}header .hamburger.black .layer{background-color:#000;z-index:10}header .hamburger.black-bg:after{background-color:rgba(255,255,255,.6)}header .hamburger.black-bg .layer{background-color:#000;z-index:10}header .hamburger:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}header .hamburger .layer-container{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer}header .hamburger .layer{width:25px;height:3px;margin-left:-12.5px;left:50%;background-color:#fff;position:absolute;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}header .hamburger .layer.one{top:10px}header .hamburger .layer.two{top:18px}header .hamburger .layer.three{top:26px}header .hamburger.active .layer.one{top:18px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}header .hamburger.active .layer.two{opacity:0}header .hamburger.active .layer.three{top:18px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}header #nav-container{position:absolute;right:0;top:0;z-index:101;padding:10px;background-color:#ccc;border-left:solid 1px rgba(0,0,0,.2)}header #nav-container .top-part{font-family:arial;font-weight:400;padding:10px;font-style:italic;font-size:17px;color:#fff;position:relative;background-color:#111;cursor:pointer;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear}header #nav-container .top-part em{font-family:'arial';font-weight:300}header #nav-container .top-part:hover{background-color:#444}header #nav-container .top-part .icon-arrow-up{height:12px;top:50%;margin-top:-6px;position:absolute;left:120px;display:inline-block;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}header #nav-container .nav-article-list{overflow-y:auto;background-color:#fff;text-align:center}header #nav-container .nav-article-list li{cursor:pointer;position:relative}header #nav-container .nav-article-list li:hover .overlay{opacity:.3}header #nav-container .nav-article-list li .copy{position:relative;z-index:2;padding:40px 10px;color:#fff}header #nav-container .nav-article-list li .copy .title{font-family:'arial';font-weight:300;text-transform:uppercase}header #nav-container .nav-article-list li .copy .title:after{width:40px;height:1px;background-color:#fff;display:block;margin:20px auto;background-color:rgba(255,255,255,.5);margin:5px auto;width:10px}header #nav-container .nav-article-list li .copy .user{font-family:arial;font-weight:400;font-style:italic}header #nav-container .nav-article-list li .overlay{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#000;opacity:.7}header #nav-container .nav-article-list li .image-container{overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}header #nav-container .nav-article-list .spinner{height:80px;width:100%;background-color:#000;position:relative}.maparea{width:50%;float:left;display:block}.maparea iframe{max-width:500px;width:100%;min-height:337px;height:auto}.adreessarea{width:50%;float:left;display:block;padding-left:20%}.wa-content h5{display:block;color:#ddd;font-family:"arial";font-size:2em;font-weight:400;text-transform:uppercase;text-align:center;padding:0 0 10px}.adressblock{width:100%;float:left;text-align:left;font-size:15px}.adreessarea .adresshead{width:100%;float:left;display:block}.formarea{width:45%;float:left;display:block;margin-left:2%}.formblog{width:100%;float:left;display:block;margin:0 0 10px 0}.formblog .frow{width:100%;float:left;display:block;margin:0 0 10px 0;text-align:right}.formblog .frow input[type="text"],.formblog .frow input[type="email"]{background:#5c5b5b;border:1px solid #373233;color:#eee;font-family:"Open Sans",sans-serif;font-size:15px;line-height:24px;margin-bottom:5px;outline:medium none;padding:10px 20px;transition:all .5s ease 0s;width:100%}.formblog .frow textarea{background:#5c5b5b;border:1px solid #373233;color:#eee;font-family:"Open Sans",sans-serif;font-size:15px;line-height:24px;margin-bottom:5px;outline:medium none;padding:10px 20px;transition:all .5s ease 0s;width:100%}.formblog .frow input[type="text"]:focus,.formblog .frow input[type="email"]:focus,.formblog .frow textarea:focus{border:1px solid #11abb0}.formblog .frow .formsubmit{background:none repeat scroll 0 0 #0d0d0d;border:medium none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font:16px/30px "opensans-bold",sans-serif;height:auto;letter-spacing:3px;margin:0 5px 0 0;padding:9px 18px;text-transform:uppercase;width:auto}.main-title{max-width:1410px;width:100%;margin:0 auto}@media only screen and (max-width:980px){.main-title{width:80%;font-size:200px}.maparea iframe{max-width:455px}.adreessarea{font-size:13px;margin-left:0;padding-left:1%;width:27%}.wa-content{width:97%}}
    @media only screen and (max-width:700px){
        .main-title{
            width:80%;font-size:100px}
        body{font-size:12px}
        section#article-list-container article .info .copy{margin-top:-35px}
        section#article-list-container article .info .copy h3{margin-bottom:10px;font-size:24px}
        section#article-list-container article .info .copy h5{font-size:.7em}
        section#article-list-container article .info .photo-circle-container{
            position:absolute;
            width:100%;
            height:255px;
            top:50%;
            left:50%;margin-left:-50%;margin-top:-127.5px}
        .clienticon{
            top:50% !important;
        }
        section#article-list-container article .info .photo-circle-container .user-copy-container h4{margin-bottom:5px}
        section#article-list-container article .info .photo-circle-container .user-copy-container:after{margin:15px auto 0}
        section#article-list-container .nav-circle.prev{
            position:absolute;width:30px;height:30px;top:50%;left:50%;margin-left:-15px;margin-top:-75px;left:inherit;right:20px}
        section#article-list-container .nav-circle.middle{
            position:absolute;width:30px;height:30px;top:50%;left:50%;margin-left:-15px;margin-top:-15px;left:inherit;right:20px}
        section#article-list-container .nav-circle.next{
            position:absolute;width:30px;height:30px;top:50%;left:50%;margin-left:-15px;margin-top:45px;left:inherit;right:20px}
        section#article-container{padding-top:50px}
        section#article-container .intro h2{font-size:40px;line-height:75px;}section#article-container .intro h4{padding-left:5%;padding-right:5%;font-size:13px}section#article-container .content-item{margin-top:30px}.photo-circle{position:absolute;width:70px;height:70px;top:50%;left:50%;margin-left:-35px;margin-top:-35px;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.photo-circle .photo-circle-inner{position:absolute;width:63px;height:63px;top:50%;left:50%;margin-left:-31.5px;margin-top:-31.5px;-webkit-border-radius:63px;-moz-border-radius:63px;border-radius:63px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.maparea{width:100%;margin:0 0 20px}.maparea iframe{max-width:700px}.adreessarea{width:100%;font-size:15px;margin-bottom:20px}.formarea{margin-left:1%;width:96%}}body:not(.touch) header .hamburger:hover .layer-container{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}#awwwards{position:absolute;top:40px;z-index:9999}#awwwards.left{left:0}#awwwards.right{right:0}#awwwards a{display:block;width:70px;height:105px;text-indent:-8000px;background-repeat:no-repeat;background-position:0 0;overflow:hidden}#awwwards.left.black a{background-image:url(../img/ribbons/awwwards_sotd_black_left.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.black a{background-image:url(../img/ribbons/awwwards_sotd_black_right.png);background-repeat:no-repeat;background-position:left top}#awwwards.left.white a{background-image:url(../img/ribbons/awwwards_sotd_white_left.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.white a{background-image:url(../img/ribbons/awwwards_sotd_white_right.png);background-repeat:no-repeat;background-position:left top}#awwwards.left.green a{background-image:url(../img/ribbons/awwwards_sotd_green_left.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.green a{background-image:url(../img/ribbons/awwwards_sotd_green_right.png);background-repeat:no-repeat;background-position:left top}@media(max-width:767px){.main-title{width:80%;font-size:80px}#awwwards{display:none}}@media only screen and (-Webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){#awwwards a{-moz-background-size:70px 105px;-ie-background-size:70px 105px;-o-background-size:70px 105px;-webkit-background-size:70px 105px;background-size:70px 105px}#awwwards.left.black a{background-image:url(../img/ribbons/awwwards_sotd_black_left2x.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.black a{background-image:url(../img/ribbons/awwwards_sotd_black_right2x.png);background-repeat:no-repeat;background-position:left top}#awwwards.left.white a{background-image:url(../img/ribbons/awwwards_sotd_white_left2x.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.white a{background-image:url(../img/ribbons/awwwards_sotd_white_right2x.png);background-repeat:no-repeat;background-position:left top}#awwwards.left.green a{background-image:url(../img/ribbons/awwwards_sotd_green_left2x.png);background-repeat:no-repeat;background-position:left top}#awwwards.right.green a{background-image:url(../img/ribbons/awwwards_sotd_green_right2x.png);background-repeat:no-repeat;background-position:left top}}




@font-face {
font-family:icomoon;
src:url(../fonts/icomoon0c34.eot?-rc51qd);
src:url(../fonts/icomoond41d.eot?#iefix-rc51qd) format('embedded-opentype'), url(../fonts/icomoon0c34.woff?-rc51qd) format('woff'), url(../fonts/icomoon0c34.ttf?-rc51qd) format('truetype'), url(../fonts/icomoon0c34.svg?-rc51qd#icomoon) format('svg');
font-weight:400;
font-style:normal
}
@font-face {
    font-family: 'arial';
    src: url(../fonts/opensans-light_0-webfont.eot);
    src: url(../fonts/opensans-light_0-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-light_0-webfont.woff) format('woff'), url(../fonts/opensans-light_0-webfont.ttf) format('truetype'), url(../fonts/opensans-light_0-webfont.svg#arial) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'brassiereregular';
    src: url(../fonts/brassi__-webfont.eot);
    src: url(../fonts/brassi__-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/brassi__-webfont.woff2) format('woff2'), url(../fonts/brassi__-webfont.woff) format('woff'), url(../fonts/brassi__-webfont.ttf) format('truetype'), url(../fonts/brassi__-webfont.svg#brassiereregular) format('svg');
    font-weight: 400;
    font-style: normal
}
[class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
article, header, nav, section {
    display: block
}
html {
    background: #fff;
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html {
    font-family: sans-serif
}
body {
    margin: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h3 {
    font-size: 1.17em;
    margin: 1em 0
}
h4 {
    font-size: 1em;
    margin: 1.33em 0
}
ul {
    margin: 1em 0
}
ul {
    padding: 0 0 0 40px
}
nav ul {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
i.icon-logos {
    background: url(../img/logo_home.png) no-repeat;
    width: 150px;
    height: 150px;
    display: block
}
span.menuTop {
    color: #fff;
    float: right!important;
    margin: 8px 99% 21px 0;
    font-family: arial
}
.nawat_mainloagarea {
    letter-spacing: 0!important;
    font-family: brassiereregular!important;
    font-weight: normal!important
}
*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
ul, h1, h3, h4 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    list-style: none
}
a {
    text-decoration: none;
    color: inherit
}
body, html {
    position: relative;
    -webkit-backface-visibility: hidden;
    color: #000;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch
}
body {
    font-size: 16px;
    opacity: 1
}
body.hidden {
    opacity: 0
}
.nav-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0
}
.fullscreen-page {
    visibility: hidden;
    position: absolute;
    background-color: #fff
}
.main-content {
    position: absolute
}
.main-content {
    height: 100%
}
.anim {
    visibility: hidden
}
.photo-circle {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 10
}
.photo-circle .photo-circle-inner {
    position: absolute;
    width: 135px;
    height: 135px;
    top: 50%;
    left: 50%;
    margin-left: -67.5px;
    margin-top: -67.5px
}
.photo-circle .photo-circle-inner img {
    -webkit-border-radius: 135px;
    -moz-border-radius: 135px;
    border-radius: 135px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.spinner-anim {
    position: absolute;
    width: 50px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -15px;
    text-align: center;
    font-size: 10px
}
.spinner-anim>div {
    background-color: #eee;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}
.spinner-anim .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.spinner-anim .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.spinner-anim .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.spinner-anim .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% {
-webkit-transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1)
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform:scaleY(.4);
-webkit-transform:scaleY(.4)
}
20% {
transform:scaleY(1);
-webkit-transform:scaleY(1)
}
}
section#intro-container {
    background-color: #fff;
    z-index: 100
}
section#intro-container .logo-container {
    width: 100%;
    height: 100%;
    position: relative
}
section#intro-container .logo-container h1 {
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden
}
.nawat_mainloagarea {
    color: #666665;
    font-size: 20em;
    font-weight: 700;
    height: auto;
    letter-spacing: .2em;
    line-height: 300px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 28%;
    width: 100%;
    z-index: 99;
    opacity: .8
}
section#intro-container .logo-container .movie-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}
section#article-list-container {
    overflow: hidden;
    position: relative
}
section#article-list-container article {
    padding: 0
}
section#article-list-container article .padded-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}
section#article-list-container article .padded-content .overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2
}
section#article-list-container article .padded-content .overlay:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}
section#article-list-container article .padded-content .poster-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
section#article-list-container article .padded-content .poster-image .image-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
section#article-list-container article .info {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}
section#article-list-container article .info .photo-circle-container {
    position: absolute;
    width: 100%;
    height: 390px;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    margin-top: -195px;
    z-index: 2;
    position: relative
}
section#article-list-container article .info .photo-circle-container .user-copy-container {
    padding: 0 20%;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0
}
section#article-list-container article .info .photo-circle-container .user-copy-container:after {
    content: "";
    width: 40px;
    height: 1px;
    background-color: transparent!important;
    display: block;
    margin: 20px auto;
    margin: 50px auto 0
}
section#article-list-container article .info .copy {
    text-align: center;
    margin-top: -5px;
    width: 100%;
    position: absolute;
    padding: 0 20%
}
section#article-list-container article .info .copy h3 {
    line-height: 1em;
    font-family: 'arial';
    font-weight: 300;
    font-size: 52px;
    text-transform: capitalize;
    margin-bottom: 10px
}
section#article-list-container article .info .copy h4 {
    font-family: 'arial';
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .2em;
    margin-bottom: 15px
}
header {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 100
}
header .logo {
    font-size: 33px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px
}
header .hamburger {
    z-index: 102;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 43px
}
header .hamburger .loader {
    opacity: 0
}
header .hamburger.hidden {
    opacity: 0;
    visibility: hidden
}
header .hamburger:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
header .hamburger .layer-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}
header .hamburger .layer {
    width: 25px;
    height: 3px;
    margin-left: -12.5px;
    left: 50%;
    background-color: #fff;
    position: absolute
}
header .hamburger .layer.one {
    top: 10px
}
header .hamburger .layer.two {
    top: 18px
}
header .hamburger .layer.three {
    top: 26px
}
header #nav-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101;
    padding: 10px;
    background-color: #ccc;
    border-left: solid 1px rgba(0,0,0,.2)
}
header #nav-container .nav-article-list {
    overflow-y: auto;
    background-color: #fff;
    text-align: center
}
header #nav-container .nav-article-list .spinner {
    height: 80px;
    width: 100%;
    background-color: #000;
    position: relative
}
.main-title {
    max-width: 1410px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width:980px) {
.main-title {
    width: 80%;
    font-size: 200px
}
}

@media only screen and (max-width:700px) {
.main-title {
    width: 80%;
    font-size: 100px
}
body {
    font-size: 12px
}
section#article-list-container article .info .copy {
    margin-top: -35px
}
section#article-list-container article .info .copy h3 {
    margin-bottom: 10px;
    font-size: 24px
}
section#article-list-container article .info .photo-circle-container {
    position: absolute;
    width: 100%;
    height: 255px;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    margin-top: -127.5px
}
section#article-list-container article .info .photo-circle-container .user-copy-container:after {
    margin: 15px auto 0
}
.photo-circle {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.photo-circle .photo-circle-inner {
    position: absolute;
    width: 63px;
    height: 63px;
    top: 50%;
    left: 50%;
    margin-left: -31.5px;
    margin-top: -31.5px;
    -webkit-border-radius: 63px;
    -moz-border-radius: 63px;
    border-radius: 63px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
}

@media (max-width:767px) {
.main-title {
    width: 80%;
    font-size: 80px
}
}