/* ------------------------------------------------------------------
Theme: Simple Studio - Creative Bootstrap Theme
Author: Marija Zaric
------------------------------------------------------------------ */


/* ----------------------------------------------------
	 GLOBAL  STYLES 
------------------------------------------------------- */

html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background:0 0;border:20px solid #699;font-family:Roboto,Arial,serif;overflow-x:hidden}img{max-width:100%;height:auto}a{color:#699;-o-transition:.5s;-webkit-transition:all .5s;transition:all .5s}a:hover{color:#a7cdcc;text-decoration:underline}p{color:#000;margin-bottom:1.5em;font-family:Roboto,Arial,serif;font-size:20px;font-weight:300}h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.8);margin:0 0 30px;font-family:Roboto,Arial,serif;font-weight:300}#home-section{margin-top:100px;padding-bottom:90px}.home-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:40px;font-weight:300;line-height:1.4}.text-home{letter-spacing:2px;text-transform:uppercase;margin-bottom:29px;padding-bottom:20px;font-size:18px;font-weight:700;line-height:1.4}.home-heading span{color:#000;background-color:#c1d6d6;padding:6px}#inner-section{margin-top:100px;padding-bottom:110px}.inner-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:40px;font-weight:300;line-height:1.4}.text-inner{letter-spacing:2px;text-transform:uppercase;margin-bottom:0;padding-bottom:20px;font-size:18px;font-weight:700;line-height:1.4}.inner-heading span{color:#fff;background-color:#c1d6d6;padding:4px}.line-symbol2{color:#dadada;text-align:center;background:0 0;border:none;border-top:1px solid #dadada;width:83%;margin:113px auto 0;padding:0}.line-symbol2:after{content:url(../images/wave.png);background:#fff;padding:0 .25em;font-size:.9em;display:inline-block;position:relative;top:-.7em}.list-doc{margin-bottom:20px;padding-left:20px;list-style:circle}.list-doc li{letter-spacing:0;color:#1a1a1a;padding-bottom:10px;font-size:20px;font-weight:300;line-height:1.4}.navbar-custom{text-transform:none;margin-bottom:0;font-weight:400;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;transition:background .5s ease-in-out}.navbar-custom .navbar-brand{margin:0;padding:0;font-size:25px;font-weight:400}.navbar-custom .navbar-brand span.brand-logo{margin:0 16px;padding:14px 0;display:inline-block}.navbar-custom .navbar-brand:focus{outline:0}.navbar-custom .navbar-brand .navbar-toggle{color:#000;padding:2px 6px}.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active{outline:0}.navbar-custom a{color:#699}.navbar-custom .nav li a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.navbar-custom .nav li a:hover{color:rgba(255,255,255,.8);background-color:transparent;outline:0}.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{background-color:transparent;outline:0}.navbar-custom .nav li.active{outline:0}.navbar-custom .nav li.active a{background-color:rgba(255,255,255,.3)}.navbar-custom .nav li.active a:hover{color:#fff}.button_container{cursor:pointer;z-index:999;width:28px;height:28px;margin-top:64px;-webkit-transition:opacity .25s;transition:opacity .25s;position:relative}.button_container.active .top{background:#000;-webkit-transform:translateY(8px)translate(0)rotate(45deg);-ms-transform:translateY(8px)translate(0)rotate(45deg);transform:translateY(8px)translate(0)rotate(45deg)}.button_container.active .middle{opacity:0;background:#000}.button_container.active .bottom{background:#000;-webkit-transform:translateY(-8px)translate(0)rotate(-45deg);-ms-transform:translateY(-8px)translate(0)rotate(-45deg);transform:translateY(-8px)translate(0)rotate(-45deg)}.button_container span{cursor:pointer;background:#000;border:none;width:100%;height:4px;-webkit-transition:all .35s;transition:all .35s;position:absolute;top:0;left:0}.button_container span:nth-of-type(2){top:8px}.button_container span:nth-of-type(3){top:16px}.overlay{z-index:100;opacity:0;visibility:hidden;background:#699;border:0;width:100%;height:0%;-webkit-transition:opacity .35s,visibility .35s,height .35s;transition:opacity .35s,visibility .35s,height .35s;display:block;position:fixed;top:0;left:0;overflow:auto}.overlay.open{opacity:.95;visibility:visible;height:100%}.overlay.open li{-webkit-animation:.5s .35s forwards fadeInRight;animation:.5s .35s forwards fadeInRight}.overlay.open li:first-of-type{-webkit-animation-delay:.4s;animation-delay:.4s}.overlay.open li:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}.overlay nav{text-transform:none;text-align:center;height:50%;font-weight:700;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{height:100%;margin:0 auto;padding:0;list-style:none;display:inline-block;position:relative}.overlay ul li{opacity:0;height:12.5%;min-height:65px;font-size:26px;display:block;position:relative}.overlay ul li a{color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after{width:50%}.overlay ul li a:after{content:"";background:#fff;width:0%;height:2px;-webkit-transition:all .15s;transition:all .15s;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;vertical-align:middle;letter-spacing:.1em;border-radius:.5rem;padding:1rem 4rem;font-size:1.6rem;font-weight:700;line-height:1.5;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;display:inline-block;position:relative}.btn:hover{color:#fff;background-color:#4c4f51}.ghost-btn{color:#fff;background-color:transparent;border:1px solid #fff}.ghost-btn:hover{color:#393b3d;background-color:#fff}.contact-btn{color:#fff;background-color:#000;border:2px solid #4c4752;margin-top:25px;margin-bottom:16px}.contact-btn:hover{background-color:#3c3841;border-color:#404040}.banner{margin-top:-50px;padding-bottom:130px}#photos{-webkit-column-count:3;-webkit-column-gap:0px;-moz-column-count:3;-moz-column-gap:0px;column-count:3;column-gap:0;line-height:0}.block{background-color:#4c4752;border:2px double #fff;min-height:525px;padding:20px}.block .text{text-transform:uppercase;color:#fff;margin-top:50px;font-size:30px;font-weight:300}.block .text p{text-transform:uppercase;color:#fff;margin-top:50px;font-size:15px;font-weight:300}.block1{outline-offset:-18px;background-color:#4c4752;background-image:url(../images/images.jpg);border:2px double #fff;outline:1px solid #fff;min-height:525px;padding:20px;-webkit-transition:all .35s;transition:all .35s;display:block;position:relative}.block1 .text{color:#fff;text-align:left;margin-top:40px;font-size:19px;font-weight:300;line-height:1.7}.story{color:#699;text-align:left;margin-top:30px;font-size:16px}.grid{text-align:center;margin-top:40px;list-style:none;position:relative}.grid figure{text-align:center;cursor:pointer;line-height:1.4;position:relative;overflow:hidden}.grid figure img{position:relative}.grid figure figcaption{color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:2em}.grid figure figcaption:before,.grid figure figcaption:after{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{width:100%;height:100%;position:absolute;top:0;left:0}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;opacity:0;font-size:0}.grid figure h2{word-spacing:-.15em;font-weight:400}.grid figure h2 span{margin-left:10px;font-weight:400}.grid figure p{letter-spacing:1px;color:#fff;text-align:center}figure.effect-julia{background:#2f3238}figure.effect-julia img{-webkit-transition:opacity 1s,-webkit-transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 1s,transform 1s}figure.effect-julia figcaption{text-align:left}figure.effect-julia h2{padding:.5em 0;font-size:20px;position:relative}figure.effect-julia p{color:#2f3238;text-transform:none;-webkit-transition:opacity .35s,-webkit-transform .35s;background:rgba(255,255,255,.9);margin:0 0 .25em;padding:20px;font-size:18px;font-weight:400;transition:opacity .35s,transform .35s;display:inline-block;-webkit-transform:translate(-360px);transform:translate(-360px)}figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:50ms;transition-delay:50ms}figure.effect-julia:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s}figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:50ms;transition-delay:50ms}figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale(1.1);transform:scale(1.1)}figure.effect-julia:hover p{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}@media (max-width:1204px){#photos{-moz-column-count:3;-webkit-column-count:3;column-count:3}}@media (max-width:1000px){#photos{-moz-column-count:2;-webkit-column-count:2;column-count:2}}@media (max-width:600px){#photos{-moz-column-count:1;-webkit-column-count:1;column-count:1}}.vertical-text,.vertical-text-projects{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;color:#699;text-transform:uppercase;text-transform:1px 1px 0px rgba(0,0,0,.5);float:left;letter-spacing:.2em;background:0 0;margin-left:120px;padding:10px;font-size:17px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.line-symbol{color:#dadada;text-align:center;background:0 0;border:none;border-top:1px solid #dadada;width:83%;margin:8px auto 15px;padding:0}.line-symbol:after{content:url(../images/wave.png);background:#fff;padding:0 .25em;font-size:.9em;display:inline-block;position:relative;top:-.7em}.line-symbol1{color:#dadada;text-align:center;background:0 0;border:none;border-top:1px solid #dadada;width:83%;margin:93px auto 43px;padding:0}.line-symbol1:after{content:url(../images/wave.png);background:#fff;padding:0 .25em;font-size:.9em;display:inline-block;position:relative;top:-.7em}#client-section{margin-top:30px;padding-bottom:90px}.client-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:30px;font-weight:300;line-height:1.4}.client-logos{margin-left:20px}.studio-margin{margin-top:5px}.studio-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:30px;font-weight:700;line-height:1.4}.studio-heading span{letter-spacing:2px;color:#699;margin-top:6px;padding-bottom:5px;font-size:20px;font-weight:300;line-height:1.4;display:block}.text-studio{letter-spacing:0;color:#1a1a1a;margin-bottom:0;padding-bottom:20px;font-size:20px;font-weight:300;line-height:1.7}.text-bold{letter-spacing:0;color:#1a1a1a;text-transform:uppercase;padding-bottom:20px;font-size:20px;font-weight:700;line-height:1.7}.list-group{margin-bottom:20px;padding-left:20px;list-style:circle}.img-studio{border:20px solid #c1d6d6;margin-top:10px;position:relative}.clients-heading{color:#f63;text-align:center;padding-bottom:15px;font-size:22px}.clients{margin-top:110px;padding-bottom:15px}.clients-logos{margin-top:-40px;margin-bottom:14px}.clients-a{margin-top:110px;padding-bottom:15px}.team-banner{color:#fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background:url(../img/team-banner.jpg) 50%/cover no-repeat;width:100%;height:560px;display:table}.team{margin-top:88px;padding-top:40px;padding-bottom:40px}.team-heading{color:#fff;text-align:center;letter-spacing:2px;margin-top:22px;padding-bottom:10px;font-size:22px;font-weight:400}.bg-team{background-color:#f63}.designer-top{float:left;background:url(../images/team1.jpg) 50% no-repeat;width:25%;min-height:100%;padding:20em 2em 6em;display:inline-block}.designer-top h4{color:#fff;text-transform:uppercase;font-size:22px;font-weight:400}.designer-top span{color:#fff;text-transform:uppercase;font-size:18px;font-weight:700}.designer-top p{color:#fff;margin-top:16px;font-size:15px;line-height:1.7}.designer-in{text-align:left;background:url(../images/team4.jpg) 0 no-repeat}.designer-in-top{background:url(../images/team3.jpg) 0 0 no-repeat}.designer-in-on{text-align:left;background:url(../images/team2.jpg) 0 no-repeat}.inner-team{margin-top:40px;padding-bottom:90px}.inner-heading-team{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:40px;font-weight:300;line-height:1.4}.text-inner-team{letter-spacing:2px;text-transform:uppercase;margin-bottom:0;padding-bottom:20px;font-size:18px;font-weight:700;line-height:1.4}.inner-heading-team span{color:#fff;background-color:#c1d6d6;padding:4px}.spiral-image{margin-top:70px}.grid-serv{text-align:center;margin:55px auto;list-style:none}.speciality-grid{text-align:left;padding:0}.speciality h2{color:#ef4c89}.speciality h4{text-align:left;color:#eee;margin-bottom:50px;font-size:20px;line-height:35px}.specialities p{color:#ccc;margin-bottom:25px;line-height:30px}.speciality .grid figure{margin:0;position:relative}.speciality-info:hover{background-color:#eaeaea}.grid-serv figcaption{color:#eee;text-align:center;padding:20px;position:absolute;top:0;left:0}.grid-serv figcaption h3{color:#fff;margin:0 0 12px;padding:0}.cs-style-3 figure{overflow:hidden}.cs-style-3 figure .speciality-info{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.no-touch .cs-style-3 figure:hover .speciality-info,.cs-style-3 figure.cs-hover .speciality-info{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.cs-style-3 figcaption{opacity:0;-webkit-transition:-webkit-transform .4s,opacity .1s .3s;-moz-transition:-moz-transform .4s,opacity .1s .3s;width:100%;height:100px;transition:transform .4s,opacity .1s .3s;top:auto;bottom:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure.cs-hover figcaption{opacity:1;-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.speciality-info{text-align:center;color:#eee;height:250px;padding-top:76px}.speciality-info img{width:80px}.speciality-info h3{color:#699;text-transform:capitalize;margin-top:20px;font-size:22px;font-weight:700}.grid1{border-bottom:1px solid #dadada;border-right:1px solid #dadada}.grid2{border-bottom:1px solid #dadada}.grid3{border-bottom:1px solid #dadada;border-left:1px solid #dadada}.grid4{border-right:1px solid #dadada}.grid6{border-left:1px solid #dadada}.inner-projects{margin-top:40px;padding-bottom:90px}.inner-projects-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:40px;font-weight:300;line-height:1.4}.text-inner-projects{letter-spacing:2px;text-transform:uppercase;margin-bottom:0;padding-bottom:20px;font-size:18px;font-weight:700;line-height:1.4}.inner-projects-heading span{color:#fff;background-color:#c1d6d6;padding:4px}.block-project{background-color:#eaeaea;background-image:url(../images/celtic.png);background-position:0 0;background-repeat:no-repeat;min-height:263px;padding:20px}.projectd-margin{margin-top:55px}.projectd-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:50px;font-size:30px;font-weight:700;line-height:1.4}.projectd-heading span{letter-spacing:2px;color:#699;margin-top:6px;padding-bottom:50px;font-size:20px;font-weight:300;line-height:1.4;display:block}.text-projectd{letter-spacing:0;color:#1a1a1a;margin-top:40px;margin-bottom:0;padding-bottom:20px;font-size:20px;font-weight:300;line-height:1.7}.text-projectd-text{letter-spacing:0;color:#1a1a1a;margin-top:20px;margin-bottom:0;padding-bottom:20px;font-size:20px;font-weight:300;line-height:1.7}.image-project{margin-top:70px;padding-bottom:40px}.image-project1{margin-left:-100px;position:relative;top:120px}.image-project-a{margin-top:0}.image-project2{margin-top:70px;margin-left:-100px;position:relative}.text-projectd1{letter-spacing:0;color:#fff;background-color:#4c4752;background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23050506' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");width:83%;margin-top:150px;padding:20px;font-size:20px;font-weight:300;line-height:1.7}.projectd-padding{padding-top:65px}.form-control{color:#555;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-color:#fff;border:1px solid #c1d6d6;border-radius:0;width:90%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}label{color:#699;padding-bottom:6px;font-size:20px;font-weight:700}.contact-margin{margin-top:55px}.contact-heading{letter-spacing:2px;margin-bottom:0;padding-bottom:20px;font-size:30px;font-weight:700;line-height:1.4}.contact-heading span{letter-spacing:2px;color:#699;margin-top:6px;padding-bottom:50px;font-size:20px;font-weight:300;line-height:1.4;display:block}.text-contact{letter-spacing:0;color:#1a1a1a;margin-bottom:0;padding-bottom:20px;font-size:20px;font-weight:300;line-height:1.7}#map-canvas{width:auto;height:400px;margin-top:110px;margin-bottom:90px}footer{background-position:0 0;background-repeat:repeat}footer .container{width:100%}.section-bg-color{background-color:#1a1a1a;padding-top:42px;padding-bottom:42px}.section-bg-color1{background-color:#eaeaea;height:256px;padding-top:54px;padding-bottom:54px}.section-bg-color1 h3{margin-top:45px;margin-left:130px;font-size:16px}.section-bg-color h2{letter-spacing:.1em;color:#e0dddd;text-align:left;margin-top:40px;font-size:17px}.section-bg-color p{color:#e0dddd;margin-top:-10px;font-size:14px}.icons-f{margin-right:10px}@media (max-width:1024px){body{border:10px solid #699}.home-heading,.inner-heading,.inner-heading-team,.inner-projects-heading{margin-top:50px}.designer-top span{font-size:15px}}@media (max-width:768px){header{padding:2em 0}body{border:none}.designer-top{float:none;width:100%}.home-heading,.inner-heading,.inner-heading-team,.inner-projects-heading{font-size:30px}.image-project1{margin-left:0;padding-bottom:10px;position:relative;top:0}.image-project-a{margin-top:0}.image-project2{margin-left:0;padding-bottom:10px;position:relative;top:0}.text-projectd1{width:100%;margin-top:80px}.speciality-info h3{font-size:18px;line-height:1.4}.text-studio{font-size:17px}.section-bg-color{width:100%}.section-bg-color1{width:50%}.vertical-text-projects{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;color:#699;text-transform:uppercase;text-transform:1px 1px 0px rgba(0,0,0,.5);float:left;background:0 0;margin-left:290px;padding:10px;font-size:17px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}@media (min-width:768px){.navbar-custom{letter-spacing:1px;background:0 0;border-bottom:0;padding:20px 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}.navbar-custom.top-nav-collapse .button_container span,.navbar-custom.top-nav-collapse .button_container.active span.top,.navbar-custom.top-nav-collapse .button_container.active span.bottom{background:#000}}@media (max-width:480px){header{padding:2em 0}.home-heading,.inner-heading,.inner-heading-team,.inner-projects-heading{padding-top:15px;font-size:20px}body{border:10px solid #699}figure.effect-julia h2{padding:.5em 0;font-size:18px;position:relative}figure.effect-julia p{text-align:left;width:100%;padding:20px;font-size:14px}.client-logos{margin-top:15px;margin-left:0}.section-bg-color1 h4{margin-top:80px;margin-left:12px;font-size:16px}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6{border:none}.story{padding-bottom:40px}.text-studio{font-size:20px}.section-bg-color1{width:100%}.navbar-custom .navbar-brand span.brand-logo{margin:15px 16px}.inner-projects,inner-team{margin-top:-38px;padding-bottom:50px}.vertical-text-projects{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;color:#699;text-transform:uppercase;text-transform:1px 1px 0px rgba(0,0,0,.5);float:right;background:0 0;margin-left:290px;padding:10px;font-size:17px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}


audio{width:100%;max-width:300px}.sample_bar{width:100%;height:250px;overflow-y:scroll}.sample_bar::-webkit-scrollbar{width:10px;height:10px}.sample_bar::-webkit-scrollbar-track{background:rgba(110,108,108,.2);border-radius:5px}.sample_bar::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}@media screen and (max-width:600px){.sample_bar{width:100%;height:190px}}table{width:460px;margin:1px auto;font-size:18px}th{text-align:left;border-bottom:1px dotted #646566;width:120px;padding:14px;font-weight:700}td span{font-size:90%}td{text-align:left;border-bottom:1px solid #646566;padding:14px;font-weight:400}@media screen and (max-width:640px){table{width:260px;margin:10px auto;font-size:14px}th,td{width:100%;display:block}th{border-bottom:1px dotted #646566}}.flex{max-width:90%;margin:0 auto}img{max-width:100%;margin:0 auto;display:block}@media screen and (min-width:600px){.flex{flex-wrap:nowrap;justify-content:space-between;display:flex}.item+.item{margin-left:1em}}.list13{background:#dcfefc;margin:3em 0 1em;font-size:1.4em;position:relative;box-shadow:0 2px 3px rgba(0,0,0,.22)}.list13-title{color:#699;padding:4px 0 4px 16px;font-size:34px;font-weight:700}.list13:after{content:"";opacity:.3;background:rgba(0,241,212,.5);width:30%;height:35px;margin:-35px auto 10px 35%;position:absolute;top:25px;left:10px;right:10px;transform:rotate(-2deg)}.list13 ul,.list13 ol{color:#727272;border:none;margin:0;padding:0 .5em;list-style-type:none;position:relative}.list13 ol{counter-reset:number}.list13 ul li,.list13 ol li{text-align:left;border-bottom:1px dashed #699;padding:.5em 0 .5em 1.6em;line-height:1.5}.list13 ul li:before{color:#699;position:absolute;left:.7em}.list13 ol li:before{content:counter(number);counter-increment:number;color:#fff;text-align:center;vertical-align:middle;background:#699;border-radius:20%;width:22px;height:22px;font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;line-height:22px;display:inline-block;position:absolute;left:.5em}.list13 ul li:last-of-type,.list13 ol li:last-of-type{border-bottom:none}

body{
	margin: 0;
	padding: 0;
  }
  .box img{
	width: 100%;
	height: auto;
  }
  .box p{
	margin: 0;
	padding: 0;
	color: #FFF;
  }
  .box{
	position: relative;
  }
  .top-left {
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 32px;
  }
  .top-right {
	position: absolute;
	top: 25px;
	right: 25px;
  }
  .bottom-left {
	position: absolute;
	bottom: 30px;
	left: 30px;
  }
  .bottom-right {
	position: absolute;
	top: 100;
	bottom: 18px;
	right: 18px;
	font-size: 22px;
  }
  .center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
  }

.ads_header {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}