/* Theme Name: FLOCK Template Author: JA Studio Description: Main CSS Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright 2017. All Right Reserved Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. */ body{font-family:'Work Sans',sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:normal;color:#1c1c1c;position:relative;-webkit-font-smoothing:antialiased;background-color:#fff}h1,h2,h3,h4,h5,h6{font-family:'Work Sans',sans-serif;font-weight:900;color:#1c1c1c;line-height:normal}h1{font-size:50px}h2{font-size:35px}h3{font-size:25px}h4{font-size:22px}h5{font-size:16px}h6{font-size:15px}strong,b{font-weight:700}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover,a:visited,a:focus{outline-width:0;outline:none}a,a:focus{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;text-decoration:none;color:#1c1c1c}a:hover{text-decoration:none}a:visited{color:#fff}.white-link{color:#fff}ul{padding:0;margin:0;list-style-position:inside}input,textarea{transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;box-sizing:border-box}input:focus,input:visited,textarea:focus,textarea:visited{outline:none;outline-width:0}div#preloader{position:fixed;left:0;top:0;z-index:9999999;width:100%;height:100%;overflow:hidden;background:#fff url(../images/loader.gif) no-repeat center center}.leading{font-size:20px;margin:0}.rwd-img{width:100%;height:100%}.img100{max-width:100%;display:inline-block}.round-img{border-radius:50%}.radius-img{border-radius:5px}.line-separator{background-color:#1c1c1c;margin:20px 0;height:3px;width:75px;display:block}.text-center .line-separator{margin:20px auto}.left-line{position:absolute;width:7px;right:0}.yellow-top{background-color:#f1c40f;height:20px}.blue-top{background-color:#3498db;height:20px}.maroon-top{background-color:#672929;height:20px}.popup-container{padding:0 200px;overflow:hidden}.medium-link{font-size:15px;font-weight:700;color:#fff;padding:0 30px;display:inline-block;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);box-shadow:0 0 5px 0 rgba(0,0,0,0.5)}.medium-radius-link,.medium-radius-white{font-size:15px;font-weight:700;color:#fff;padding:0 30px;line-height:50px;border-radius:5px;display:inline-block;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);box-shadow:0 0 5px 0 rgba(0,0,0,0.5)}.medium-radius-link:hover,.medium-radius-white:hover,.medium-link:hover{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5);text-decoration:underline!important}.medium-radius-white{background-color:#fff;color:#1c1c1c}.medium-round-link,.medium-round-link:focus{font-size:15px;color:#fff;padding:0 40px;display:inline-block;line-height:40px;border-radius:20px;font-weight:700}.medium-round-link:hover{background-color:#fff;color:#1c1c1c;border:1px solid #1c1c1c}.medium-round-zoom{font-size:25px;color:#fff;display:inline-block;line-height:50px;width:50px;height:50px;border-radius:25px;font-weight:700;border:2px solid #fff}.btn-border{font-size:14px;padding:10px 20px;border-radius:20px;color:#fff;border:1px solid #fff}.btn-border:hover{background-color:#fff;color:#3498db}.white-flock{background-color:#fff}.grey-flock{background-color:#f3f3f3}.dark-flock{background-color:#1c1c1c}section.dark-flock{color:#fff}.icon-circle{margin:32px 0;width:85px;height:85px;background-color:#1c1c1c;color:#fff;border-radius:50%;font-size:35px;line-height:83px;vertical-align:middle;text-align:center}.parallax-flock{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;position:relative}#header-section{line-height:40px;width:100%;padding:30px 0;display:block;position:fixed;z-index:1000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.scroll-header{padding:15px 0!important;background-color:#fff;-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,0.75);-moz-box-shadow:0 0 7px 1px rgba(0,0,0,0.75);box-shadow:0 0 7px 1px rgba(0,0,0,0.75);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.flock-logo-inverted{display:none}.flock-logo img,.flock-logo-inverted img{height:40px;width:164px}.flock-menu{text-align:right;font-size:14px}.flock-menu ul{padding:0;margin:0}.flock-menu ul li{font-family:'Raleway',sans-serif;list-style:none;display:inline-block;padding:0 10px}.flock-menu ul li a{text-decoration:none;color:#fff}.flock-menu ul li a:hover{text-decoration:none}.scroll-header .flock-menu ul li a{color:#1c1c1c}.flock-menurwd{position:fixed;background-color:#000;z-index:-1;height:100%;width:100%;top:0;left:0;right:0;display:none}.flock-menurwd div{margin:50px auto;padding-top:50px;padding-bottom:30px}.scroll-header .flock-menurwd{background-color:#fff}.flock-menurwd div ul{padding:0;margin:0}.flock-menurwd div ul li{font-family:'Raleway',sans-serif;list-style:none;padding:0 20px;text-align:right;text-align:center}.flock-menurwd div ul li a{color:#fff;font-size:25px!important}.scroll-header .flock-menurwd div ul li a,.scroll-header .flock-menurwd small{color:#1c1c1c}.flock-rwd-footer{position:absolute;bottom:0;color:#fff;width:100%;margin:0!important;padding:0!important}.flock-rwd-footer div{position:relative;padding-top:10px!important;padding-bottom:10px!important;margin:0 auto!important}.flock-rwd-footer ul{margin:0;padding:0}.flock-rwd-footer ul li{list-style:none;display:inline-block;padding:0 0 0 20px !important}.flock-rwd-footer ul li a i{font-size:18px}.flock-rwd-footer .flock-rwd-footer-left{text-align:left}.flock-rwd-footer .flock-rwd-footer-right{text-align:right}.show-menu{display:block!important}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}#flock-burger{width:25px;height:16px;position:relative;float:right;margin:12px 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:none}#flock-burger span{display:block;position:absolute;height:5px;width:100%;background-color:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.scroll-header #flock-burger span{background-color:#1c1c1c}#flock-burger span:nth-child(1){top:0}#flock-burger span:nth-child(2),#flock-burger span:nth-child(3){top:7px}#flock-burger span:nth-child(4){top:14px}#flock-burger.open span:nth-child(1){bottom:0;height:0}#flock-burger.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#flock-burger.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#flock-burger.open span:nth-child(4){bottom:0;height:0}.flock-wrap{width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQIW2OsqqqSZEACbW1tzxkpFEQ2D8YGANOREAZ86cmtAAAAAElFTkSuQmCC) repeat}.flock-intro-1{position:relative;color:#fff;z-index:1;padding:250px 0}.flock-intro-1 span{text-decoration:underline}.flock-intro-1 h2,.flock-intro-1 h6{color:#fff}.flock-intro-1 h6{letter-spacing:2px}.scroll-down{display:inline-block;margin-top:50px;font-size:25px;color:#fff}#slider-section{position:relative;overflow:hidden}.slider-item{padding:300px 0;color:#fff;background-size:cover;background-position:center top}.slider-item h2,.slider-item h6{color:#fff}.slider-item h6{letter-spacing:2px}#slider-section .slider-control{position:absolute;top:45%;margin:0 auto;width:100%;z-index:1;padding:0}#slider-section .slider-control i{font-size:40px;padding:5px;color:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}#slider-section .slider-control .owlprev{float:left}#slider-section .slider-control .owlnext{float:right}#slider-section .slider-control .owlprev,#slider-section .slider-control .owlnext{position:relative;display:inline-block;cursor:pointer;margin:2px}.cta-wrap{padding:50px 0}#cta-section-2{background:url(../images/bg-cta-001.jpg) center}#skill-section .skill-item{padding:50px}#skill-section .skill-item h5{text-align:center}.skill-custom{position:relative;width:100%;margin-bottom:23px}.skill-custom .skill-body{position:absolute;right:50%;width:100%;top:50%;padding:0;margin:0;text-align:center;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:43px;font-weight:700;line-height:1;color:#262032}.skill-custom .skill-body:after{content:'%'}.skill-custom .skill-stroke,.skill-custom .skill-trail{stroke-linejoin:round}.skill-bar{text-align:left}.skill-bar > svg{margin-top:7px;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.11)}.skill-bar .skill-body{width:auto!important;top:-5px;right:0}.skill-circle{position:relative;padding-bottom:100%}.skill-circle > svg{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:5px;overflow:hidden}.skill-circle .skill-stroke,.skill-circle .skill-trail{stroke-location:outside}.skill-circle .skill-body{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.skill-style .skill-trail{stroke:#f3f3f3}#counter-section{background:url(../images/bg-counter-001.jpg) center;height:auto}#counter-section .content-wrap{padding:50px 0;overflow:hidden;display:block}.counter-item{padding:20px}.counter-item h5{color:#fff}.flock-counter{text-align:center;font-size:50px;font-weight:700;color:#fff}.content-wrap{padding:150px 0}.header-block{margin-bottom:30px;padding:0 120px}.header-block h6{text-transform:uppercase;letter-spacing:2px}#content-section-1 .header-block{margin-bottom:15px}#content-section-1 h6,#content-section-1 p{color:#fff}#content-section-1 p{margin-bottom:30px}#content-section-1 hr{border-color:#34495e}#client-section .swiper-container{width:100%;height:200px;margin:20px auto}#client-section .swiper-slide{text-align:center;font-size:18px;width:60%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#client-section .swiper-slide:nth-child(2n){width:40%}#client-section .swiper-slide:nth-child(3n){width:20%}#client-section .swiper-slide img{width:100%}.content-block-item-2{margin-bottom:70px}.content-block-item-2 i{font-size:70px;padding:30px 0}.icon-block-item{margin:15px 0}.content-block-item-3{margin-top:50px}.content-block-item-3 h4{font-weight:400}.content-block-item-3 .media .media-left .media-object{font-size:40px;display:block;width:70px;line-height:normal}.icon-list-circle{position:absolute;top:0;margin:25px 0 0;width:70px;height:70px;border-radius:50%;font-size:32px;line-height:70px;vertical-align:middle;text-align:center;color:#fff}.icon-list{list-style:none;margin:0;padding:25px 0}.icon-list h5{margin:0;text-transform:uppercase}.left-block ul li .icon-list-circle{right:0}.right-block ul li .icon-list-circle{left:0}.left-block .icon-list{text-align:right}.right-block .icon-list{text-align:left}.left-block .icon-list li{position:relative;padding:25px 95px 25px 0}.right-block .icon-list li{position:relative;padding:25px 0 25px 95px}#content-section-5 ul{padding:20px 0}#content-section-5 .line-separator{margin:20px 0 0}#content-section-5 .left-part{text-align:left;padding:100px 50px 0 0}#content-section-5 .right-part{text-align:right}#content-section-6 .left-content{text-align:right;padding:0 60px}#content-section-6 .right-content{text-align:left}#portfolio-section-1{background:url(../images/bg-gallery.jpg) top center;background-size:cover}.content-portfolio-1{padding:0 10px}.port-filter{margin:20px 0 60px}.port-filter li{list-style:none;display:inline-block;margin:12px 0}.port-filter li a{font-size:14px;padding:10px 20px;border-radius:20px;color:#1c1c1c;border:1px solid #1c1c1c}.port-filter li a:hover,.port-filter li a.current{color:#fff}.item-portfolio-1{margin:0;padding:10px;position:relative}.item-portfolio-1 img{width:100%;height:auto;border-radius:5px}.item-portfolio-1 .work-overlay{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;padding:10px}.item-portfolio-1:hover .work-overlay .overlay-item{height:100%;padding:20px;background-color:rgba(0,0,0,0.8);border-radius:5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.item-portfolio-1 .overlay-item{text-align:center;display:block;height:100%;padding:20px}.item-portfolio-1 .overlay-block{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative}.item-portfolio-1 .caption-port{margin-bottom:30px}.item-portfolio-1 .title-port,.item-portfolio-1 a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;transform:translateY(40px);-webkit-transform:translateY(40px)}.item-portfolio-1 .title-port{opacity:0;transition-delay:.1s;transition-duration:.2s;color:#fff}.item-portfolio-1:hover .title-port,.item-portfolio-1:focus .title-port{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}.item-portfolio-1 .caption-port{opacity:0;transition-delay:.3s;transition-duration:.4s;color:#fff}.item-portfolio-1:hover .caption-port,.item-portfolio-1:focus .caption-port{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}.item-portfolio-1 a{opacity:0;transition-delay:.3s;transition-duration:.2s}.item-portfolio-1:hover a,.item-portfolio-1:focus a{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}.content-team-1{width:100%;height:100%}.content-team-1 .owl-item{zoom:1;filter:alpha(opacity=15),grayscale(100%);opacity:.15;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out}.content-team-1 img{border-radius:50%;width:83.3333333%;height:auto}.content-team-1 .team-item{padding:20px}.content-team-1 h4{padding-top:20px}.content-team-1 .pos-team{margin-bottom:20px;font-weight:900}.content-team-1 .owl-item.active.center{zoom:1;filter:alpha(opacity=100);opacity:1}#team-owl{padding-top:50px}.content-team-1 .owl-controls{position:absolute;top:0;margin:0 auto;width:100%}#team-owl .owl-nav{text-align:center;margin-bottom:20px}#team-owl .owl-nav i{font-size:20px;color:#fff}#team-owl .owl-prev,#team-owl .owl-next{position:relative;display:inline-block;padding:7px 14px 5px;z-index:10;border-radius:3px;cursor:pointer;background-color:#aaa;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;margin:2px}#testi-section-1 .testi-block img{width:60px;height:60px;border-radius:50%;margin:40px 0 10px;display:inline-block}#testi-section-1 .testi-item{width:70%;margin:0 auto}#testi-section-1 .owl-controls{position:absolute;top:40%;margin:0 auto;width:100%}#testi-section-1 .owl-nav{text-align:center;margin-bottom:20px}#testi-section-1 i{font-size:40px}#testi-section-1 .owl-nav i{font-size:40px;padding:5px;color:#aaa;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}#testi-section-1 .owl-prev{float:left}#testi-section-1 .owl-next{float:right}#testi-section-1 .owl-prev,#testi-section-1 .owl-next{position:relative;display:inline-block;cursor:pointer;margin:2px}#testi-section-2{background-size:cover;background-position:top center}#testi-section-2,#testi-section-2 .header-block h6{color:#fff}#testi-section-2 .line-separator{background-color:#fff}#testi-section-2 .testi-block img{width:80px;height:80px;border-radius:50%;margin:40px 0 10px;display:inline-block;border:3px solid #fff}#testi-section-2 .testi-item{width:70%;margin:0 auto}#google-map{width:100%;height:450px;z-index:1}.map-locations li{display:none}.our-position{height:auto;text-align:center;padding:20px 20px 20px 45px}.our-position img{margin:20px 0 10px;border-radius:3px;width:100%;height:100%}.socmed-list{margin-top:20px}.socmed-list li{list-style:none;display:inline-block}.round-socmed{background-color:#aaa;border-radius:50%;width:50px;height:50px;display:block}.round-socmed i{color:#1c1c1c;line-height:50px;font-size:20px}.round-socmed:hover i{color:#fff}#footer-section-1{color:#fff;padding:0;background-color:#303030}#footer-section-1 h4{padding-bottom:20px;color:#fff}#footer-section-1 .footer-item{padding-top:20px;padding-bottom:20px}#footer-section-1 .footer-item small{font-size:10px;color:#7f8c8d}#footer-section-1 ul li{list-style:none;display:inline-block;font-size:12px;padding:0 5px}#footer-section-1 ul li:first-child{padding-left:0;border:none}#footer-section-1 .copyright{background-color:#1c1c1c;padding:10px 0;margin-top:0}#contact-section input,#contact-section textarea{width:100%;background:#f3f3f3;padding:15px 20px;border-radius:3px;border:1px solid #f3f3f3;font-size:12px}#contact-section input:focus,#contact-section textarea:focus,#contact-section input:visited,#contact-section textarea:visited{background:#e2e2e2;outline:none;outline-width:0}#contact-section .col-form{padding:10px}#contact-section .msg-contact{padding:15px 20px;background-color:#e2e2e2;color:#fff;width:100%;border-radius:3px}#msg-wrap{display:none}#contact-section .msg-contact p{padding:0;margin:0}#contact-section .close-msg{color:#fff;position:absolute;right:25px;top:25px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;overflow:hidden}#contact-section .close-msg:hover{cursor:pointer;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#contact-section .error-border{border:1px solid #c0392b}#contact-section .error-msg{background-color:#c0392b!important}#sub-form input{background-color:#1c1c1c;border:none;color:#f3f3f3;font-size:13px;line-height:1.467;padding:8px 12px;width:200px;height:42px;border-radius:6px 0 0 6px;box-shadow:none}#sub-form input:focus{background-color:#272727}#sub-form button{border:none;font-size:13px;padding:8px 15px 8px 12px;height:42px;border-radius:0 6px 6px 0}.sub-message{font-size:10px;background-color:#c0392b;color:#fff;border-radius:3px;margin-top:10px;-webkit-transform:scale(0);transform:scale(0);opacity:0;max-height:0;padding:0;border-width:0;-webkit-transition:.5s;transition:.5s}.sub-message a{font-weight:600}.sub-message.valid,.sub-message.error{-webkit-transform:scale(1);transform:scale(1);max-height:132px;opacity:1;padding:14px 20px}.white-popup{position:relative;background:#fff;margin:50px;border-radius:5px}.carousel,.item,.active{height:100%}.carousel-inner{height:100%}.fill img{width:100%;height:100%}.carousel-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;margin:0 20px;padding:0 2px}.carousel-arrow,.carousel-arrow:active,.carousel-arrow:visited,.carousel-arrow:focus{color:#fff}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.project-desc{padding:30px 0}.project-testi{background-color:#f3f3f3;padding:20px 20px 20px 30px;margin-bottom:30px}.project-testi p{font-size:14px} /* RESPONSIVE */ @media (max-width: 1200px) { /* CONTENT */ .slider-item > .container {padding: 0px 50px;} /* Content #4 */ .icon-list-circle {margin-top: 15px;} .left-block .icon-list li {position: relative; padding: 15px 95px 15px 0px;} .right-block .icon-list li {position: relative; padding: 15px 0px 15px 95px;} } @media (max-width: 991px) { #header-section {padding: 15px 0;} .flock-menu {display: none;} #flock-burger {display: block;} /* Intro #1 */ .flock-intro-1 {padding: 150px 0} /* CONTENT */ .header-block {padding: 0px 20px} /* Content #1 */ #content-section-1 h3 {margin-top: 25px;} /* Content #4 */ .center-block {padding-bottom: 40px;} .icon-list-circle {margin-top: 20px;} .left-block ul li .icon-list-circle {left: 0;} .left-block .icon-list {text-align: left;} .left-block .icon-list li, .right-block .icon-list li {padding: 20px 0px 20px 95px;} /* Content #5 */ #content-section-5 .left-part {text-align: center; padding: 0 0 50px 0;} /* Content #6 */ #content-section-6 .left-content {padding: 0 20px;} #content-section-6 .left-content img {width: 100%; height: 100%} /* Contact Form */ .popup-container {padding: 0 100px;} } @media (max-width: 767px) { body {font-size: 14px; line-height: 1.4} h1, h2, h3, h4, h5, h6 {line-height: 1.4} .leading {font-size: 16px;} h1 {font-size: 30px;} h2 {font-size: 25px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 14px;} .flock-rwd-footer ul li {padding: 0 10px !important;} .flock-rwd-footer .flock-rwd-footer-left {text-align: center; padding-top: 0 !important;} .flock-rwd-footer .flock-rwd-footer-right {text-align: center; padding-top: 0 !important; padding-bottom: 0 !important} /* CONTENT */ /* Content #4 */ .left-block .icon-list, .right-block .icon-list {padding-top: 0px; padding-bottom: 0px;} /* Content #6 */ #content-section-6 .left-content {text-align: center; padding: 20px;} #content-section-6 .left-content img {width: 200px; height: 200px;} #content-section-6 .right-content {text-align: center;} /* Skill */ #skill-section .skill-item {padding: 20px;} /* Contact Form */ .popup-container {padding: 0 20px;} .white-popup {margin: 20px;} } @media (max-width: 480px) { /* Counter */ .counter-item {width: 100% !important;} /* Skill */ #skill-section .skill-item {width: 100% !important; padding: 30px 60px;} /* Portfolio #1 */ .item-portfolio-1 {width: 100% !important;} .white-popup {margin: 0px;} } @media (max-width: 320px) { }