@charset "UTF-8";
:before,:after,html *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/}
.clearfix:after,
.clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
.clearfix:after{content: ''}
input::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;padding: 0;}
a{text-decoration: none;outline: 0 !important;}
a:hover{color: inherit;text-decoration: none;}
img{max-width: 100%;vertical-align: top;}
*:focus ,
textarea,
input,
textarea:focus, input:focus{outline: none;border-radius: 0}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type=number] {-moz-appearance:textfield !important;}
input::placeholder{ 
	color: #cacdc8;
	opacity:1;
}
textarea::placeholder{ 
	color: #cacdc8;
	opacity: 1;
}
::-moz-placeholder {
	opacity: 1;
}
.cvr-bg-bf:before,
.cvr-bg-af:after,
.cvr-bg{
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cvr-bg-bf:before,
.cvr-bg-af:after{
	content: '';
	display: inline-block;
        vertical-align: middle;
}
body{
        background: #fff;
        color: #4A4A4A;
	font-size: 16px;
	font-family: 'Lato';
	font-weight:  400;
	position: static;
	overflow-y:auto
}
#shell{
	overflow: hidden;
}
.wrapper{
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}
.rowflex{
	display: flex;
	flex-wrap: wrap;
}
.rowflex > *{
	flex: 1;
}
.format-text{
	line-height: 200%;
	color: #000;
}
.format-text > *{
	margin-top: 15px;
}
.format-text > *:first-child{
	margin-top: 0;
}
.format-text b,
.format-text strong{
	font-weight: 700;
}
.format-text em,
.format-text i:not(.fa){
	font-style: italic;
}
.format-text h1,
.format-text h2,
.format-text h3,
.format-text h4,
.format-text h5,
.format-text h6{
	color: #000;
	font-weight: 700;
	line-height: 140%;
}
.format-text h1{
	font-size: 28px;
}
.format-text h2{
	font-size: 20px;
}
.format-text h3{
	font-size: 16px;
}
.format-text h4{
	font-size: 14px;
}
.format-text h5{
	font-size: 12px;
}
.format-text h6{
	font-size: 10px;
}
.format-text a:not(.button){
	color: #000;
}
.format-text a:not(.button):hover{
	text-decoration: underline;
}
.format-text ul{
	list-style: disc;
	padding-left: 40px;
}
.format-text ul li,
.format-text ol li{
	padding-bottom: 10px;
}
.format-text ol{
	list-style: decimal;
}
.format-text ol{
	padding-left: 60px;
}
.format-text sup{
	color: #d90000;
	position: relative;
	top: 0;
	line-height: 100%;
}
.format-text blockquote{
	font-size: 19px;
	line-height: 200%;
}
.centered{
	text-align: center;
}
.rightned{
	text-align: right;
}
.leftned{
	text-align: left;
}
.button{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 10px;
	display: inline-block;
	color: #000;
	background: #F8E04C;
	font-family: 'Montserrat';
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	height: 55px;
	line-height: 55px;
	padding: 0 35px;
	text-align: center;
	cursor: pointer;
	border: none;
	outline: none !important;
	transition:all 0.2s ease-in;
	-webkit-box-shadow: 0px 20px 28px -17px rgba(248,224,76,0.54); 
	box-shadow: 0px 20px 28px -17px rgba(248,224,76,0.54);
}
.button:hover{
	color: #000;
	background: #FCEFA9;
	border-color: #FCEFA9;
}
.button.btn-grey{
	background: #F4F4F4;
	color: #000;
	box-shadow: none;
}
.button.btn-grey:hover{
	background: #d6d6d6;
	color: #000;
}
.button.btn-black{
	background: #000;
	color: #fff;
	box-shadow: none;
}
.button.btn-black:hover{
	background: #494949;
	color: #fff;
}
.button:focus,
.button:active{
	border-radius: 10px;
}
/** HEADER **/
#top{
        background: #000;
        padding: 15px 0;
	position: relative;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#top .rowflex{
        justify-content: space-between;
        align-items: center;
}
#top .logo{
        max-width: 160px;
}
#top .mainmenu{
        max-width: calc(100% - 300px);
        text-align: center;;
}
.mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px;
	position: relative;
}
.mainmenu li a{
        color: #fff;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 600;
        text-transform: uppercase;
        transition:all 0.2s ease-in;
        display: inline-block;
	vertical-align: middle;
}
.mainmenu li:not(.btn):hover > a,
.mainmenu li.current-menu-item:not(.btn):not(.ignore) > a,
.mainmenu li a:hover{
        color: #F8E04C;
}
.mainmenu li.btn a{
        height: 36px;
        line-height: 36px;
        padding: 0 23px;
        color: #000;
        background: #F8E04C;        
}
.mainmenu li.btn a:hover{
        color: #000;
        background: #FCEFA9;
}
.mainmenu li ul{
	display: block;
	position: absolute;
	left: -18px;
	min-width: 160px;
	background: #000;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transition:all 0.2s ease-in;
}
.mainmenu li:hover > ul{
	opacity: 1;
	visibility: visible;
}
.mainmenu li ul li{
	display: block;
	margin: 0;
	text-align: left;
}
.mainmenu li ul li a{
	display: inline-block;
	padding: 10px 18px;
}
#bottom .footer-widget .menu li b,
.mainmenu li b{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: -10px;
	position: relative;
	right: -10px;
}
#bottom .footer-widget .menu li b:after,
.mainmenu li b:after{
	position: absolute;
	left: 0;
	top: 6px;
	content: '';
	display: block;
	width: 12px;
	height: 9px;
	transition:transform 0.2s ease-in;
	transform: rotate(0deg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/icon/arrow-menu.png);
	filter: brightness(0) invert(1);
}
#bottom .footer-widget .menu li b{
	width: 10px;
	height: 10px;
	right: -7px;
}
#bottom .footer-widget .menu li b:after{
	filter: brightness(0%) !important;
	width: 9px;
	height: 7px;
	background-image: url(../img/icon/arrow-menu-footer.png);
	top: 1px;
}
#bottom .footer-widget .menu li:hover b:after,
.mainmenu li:hover > b:after,
.mainmenu li b.active:after{
	transform: rotate(180deg);
	filter: none;
}
#top .util{
        max-width: 100px;
}
#bottom .social a,
#top .social a{
        display: inline-block;
        vertical-align: middle;
        margin-right: 18px;
        width: 18px;
        height: 18px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
#bottom .social a:hover,
#top .social a:hover{
        opacity: .8;
}
#bottom .social a.fb,
#top .social a.fb{
        background-image: url(../img/icon/fb.svg);
}
#bottom .social a.ig,
#top .social a.ig{
        background-image: url(../img/icon/ig.svg);
}
#bottom .social a.in,
#top .social a.in{
        background-image: url(../img/icon/in.svg);
}
#top .social a.in{
	filter: brightness(0) invert(1);
}
#bottom .social a.tw,
#top .social a.tw{
        background-image: url(../img/icon/tw.svg);
        width: 19px;
        height: 16px;
}
#top .social a:last-child{
        margin: 0;
}
#body{
	padding-top: 82px;
}
/** FOOTER **/
#bottom{
        background: #F9F9F9;
        padding: 60px 0;
        font-size: 12px;
        color: #000;
}
#bottom .footer-widget{
	position: relative;
	z-index: 3;
}
#bottom .footer-widget .wrapper{
        position: relative;
}
#bottom .footer-widget .logo{
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        z-index: 1;
}
#bottom .footer-widget .menu{
        float: left;
        position: relative;
        z-index: 2;
        top: 3px;
}
#bottom .footer-widget .menu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 30px 10px 0;
	position: relative;
}
#bottom .footer-widget .menu li a{
        color: #000;
}
#bottom .footer-widget .menu li a:hover{
        text-decoration: underline;
}
#bottom .footer-widget .menu li ul{
	position: absolute;
	left: 0;
	min-width: 100px;
	background: #F9F9F9;
	/*
	opacity: 0;
	visibility: hidden;
	transition:all 0.2s ease-in;
	*/
}
/*
#bottom .footer-widget .menu li:hover > ul{
	opacity: 1;
	visibility: visible;
}
*/
#bottom .footer-widget .menu li ul li{
	display: block;
	margin: 10px 0 0;
}
#bottom .footer-widget .copy{
        float: right;
        position: relative;
        z-index: 2;
        top: 3px;
}
#bottom .social a{
        margin: 0 10px;
        filter: brightness(0%);
}
#bottom .social{
        text-align: center;
        position: relative;
        z-index: 2;
}
#bottom > .social{
        padding-top: 50px;
}
/** INNER HOME **/
.inner-home{
        padding-bottom: 80px;
}
.inner-home .hentry span{
        display: block;
        color: #AAAEAF;
        font-size: 14px;
        line-height: 130%;
        text-transform: uppercase;
        margin: 0 0 10px;
        font-weight: 600;
}
.inner-page .the-title,
.section-faq .hentry h2,
.section-enter .hentry h2,
.section-process .hentry h2,
.section-pricing .hentry h2,
.section-porto .hentry h2,
.section-copy  .hentry h2,
.inner-client .banner h2,
.section-contact .hentry h2,
.inner-home .hentry h2{
        color: #000;
        font-size: 48px;
        font-weight: 700;
        line-height: 115%;
        margin: 0 0 25px;
}
.section-faq .hentry .txt,
.section-porto .hentry ,.txt,
.section-process .hentry .txt,
.inner-home .hentry .txt{
        color: #858585;
        font-size: 14px;
        max-width: 770px;
        margin: 0 auto;
        line-height: 160%;
}
.inner-home .hero{
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/home-hero-bg.png);
}
.inner-home .hero figure{
        float: right;
        width: 55%;
}
.inner-home .hero .holder{
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        z-index: 2;
}
.inner-home .hero .caption{
        max-width: 38%;
}
.inner-home .hero .format-text{
        max-width: 430px;
}
.inner-home .hero .button{
        margin-top: 40px;
        height: auto;
        line-height: normal;
        padding: 19px 35px;
}
.inner-home .hero .hentry h2{
        background: #000000;
        background: -webkit-linear-gradient(to right, #000000 0%, #554C11 100%);
        background: -moz-linear-gradient(to right, #000000 0%, #554C11 100%);
        background: linear-gradient(to right, #000000 0%, #554C11 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.section-copy,
.inner-home .about{
        margin: 155px 0 0;
        position: relative;
}
.inner-seo .section-enter:before,
.inner-seo .section-enter:after,
.section-copy:before,
.inner-home .porto:after,
.inner-home .service:before,
.inner-home .service:after,
.inner-home .about:after,
.inner-home .about .caption:before,
.inner-home .about:before{
        width: 530px;
        height: 540px;
        position: absolute;
        left: 0;
        top: -55px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/home-about.jpg);
        z-index: 2;
        content: '';
}
.section-copy:before{
        height:570px;
        background-position: left bottom;
}
.inner-home .about:after{
        width: 130px;
        height: 200px;
        left: auto;
        right: 0;
        background-image: url(../img/icon/home-about-dots.png);
        opacity: .7;
}
.section-copy .rowflex,
.inner-home .about .rowflex{
        justify-content: space-between;
        position: relative;
        z-index: 3;
}
.section-copy .rowflex{
        align-items: center;
}
.section-copy .rowflex .format-text + .button{
        margin-top: 35px;
}
.section-copy figure{
        max-width: 42.3%;
}
.inner-home .about figure{
        max-width: 49%;
}
.section-copy figure img,
.inner-home .about figure img{
        border-radius: 0 90px 35px 90px;
}
.section-copy .caption{
        max-width: 49.1%;
        flex: 49.1%;
}
.inner-home .about .caption{
        max-width: 43.5%;
        position: relative;
}
.inner-home .about .caption:before{
        width: 191px;
        height: 240px;
        background-image: url(../img/icon/home-about-three.svg);
        z-index: 1;
        left: -145px;
        top: -40px;
}
.inner-home .service{
        padding-top: 100px;
	margin-top: 50px;
        position: relative;
}
.inner-home .service .wrapper{
        position: relative;
        z-index: 2;
}
.inner-home .service:before{
        width: 193px;
        height: 177px;
        left: auto;
        right: 0;
        top: -80px;
        background-image: url(../img/icon/home-service-dots.png);
        z-index: 1;
        opacity: .5;
}
.inner-home .service:after{
        width: 347px;
        height: 452px;
        background-image: url(../img/icon/home-service.jpg);
        left: auto;
        top: auto;
        bottom: -60px;
        right: 0;
        z-index: 1;
}
.section-faq .hentry,
.inner-home .client .hentry,
.section-contact .hentry,
.inner-home .cta .hentry,
.inner-home .seo .hentry,
.inner-home .service .hentry{
        text-align: center;
        margin-bottom: 50px;
}
.section-porto .rowflex,
.inner-home .porto .rowflex,
.inner-home .service .rowflex{
        margin: 0 -10px;
}
.inner-home .service .item{
        max-width: calc(25% - 20px);
        flex: calc(25% - 20px);
        margin: 0 10px 45px;
}
.inner-home .service .item img{
        border-radius: 30px 30px 0 0;
}
.inner-home .service .item h3{
        color: #000;
        font-size: 18px;
        font-family: 'Montserrat';
        font-weight: 600;
        margin: 20px 0 6px;
}
.inner-home .service .item h3 a{
        color: #000;
        transition:color 0.2s ease-in;
}
.inner-home .service .item h3 a:hover{
        color: #F8E04C;
}
.inner-home .service .item .txt{
        font-size: 14px;
        font-weight: 300;
        color: #000;
        line-height: 160%;
        max-width: 260px;
	margin: 0;
}
.inner-home .service .item  figure a{
        display: block;
        position: relative;
        border-radius: 30px 30px 0 0;
        overflow: hidden;
}
.section-porto .item a:after,
.inner-home .porto .item a:after,
.inner-home .service .item  figure a:after{
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        display: block;
        background: rgba(248, 224, 76, 0.75);
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.inner-home .service .item  figure a.nohov:after{
	display: none;
}
.section-porto .item a span,
.inner-home .porto .item a span,
.inner-home .service .item  figure span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.section-porto .item a span em,
.inner-home .porto .item a span em,
.inner-home .service .item figure span em{
        display: inline-block;
        width: 100px;height: 100px;
        background-image: url(../img/icon/search.png);
}
.section-porto .item:hover a:after,
.section-porto .item:hover a span,
.inner-home .porto .item:hover a:after,
.inner-home .porto .item:hover a span,
.inner-home .service .item:hover a:after,
.inner-home .service .item:hover figure a span{
        opacity: 1;
        visibility: visible;
}
.section-porto,
.inner-home .porto{
        margin-top: 80px;
        padding: 50px 0;
        background-image: url(../img/icon/home-porto.png);
        background-color: #FCFCFC;
        position: relative;
}
.section-enter .hentry,
.section-porto .hentry,
.inner-home .porto .hentry{
        text-align: center;
        margin-bottom: 50px;
}
.inner-home .porto:after{
        z-index: 1;
        height: 177px;
        width: 110px;
        background-image: url(../img/icon/home-porto-dots.png);
        top: 40px;
}
.section-porto.trio .item,
.inner-home .porto .item{
        max-width: calc(33.3333333333333333% - 20px);
        flex: calc(33.3333333333333333% - 20px);
        margin: 0 10px 20px;
}
.section-porto .item{
        max-width: calc(25% - 20px);
        flex: calc(25% - 20px);
        margin: 0 10px 20px;
}
.section-porto .item a,
.inner-home .porto .item a{
        display: block;
        position: relative;
}
.section-porto .item a:after,
.inner-home .porto .item a:after{
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/home-porto-hover.png);
        background-color: rgba(248, 224, 76, 0.75);
}
.section-porto .item a span em,
.inner-home .porto .item a span em{
        background-image: url(../img/icon/home-porto-plus.png);
}
.section-porto .item a b,
.inner-home .porto .item a b{
        display: block;
        position: absolute;
        left: 0;
        bottom: 22px;
        text-align: center;
        width: 100%;
        z-index: 4;
        font-weight: 800;
        font-family: 'Montserrat';
        color: #000;
        opacity: 0;
        transition:opacity 0.2s ease-in;
        font-size: 18px;
        padding: 0 20px;
}
.section-porto .item a:hover b,
.inner-home .porto .item a:hover b{
        opacity: 1;
}
.section-porto .centered,
.inner-home .porto .centered{
        padding-top: 30px;
}
.section-porto .centered .button,
.inner-home .porto .centered .button{
        padding: 0 40px;
        letter-spacing: 1px;
}
.section-porto .centered .button:after,
.inner-home .porto .centered .button:after{
        display: inline-block;
        position: relative;
        width: 27px;
        height: 12px;
        background-image: url(../img/icon/goto.svg);
        vertical-align: middle;
        margin-left: 8px;
        right: 0;
        transition:right 0.2s ease-in;
        top: -1px;
}
.section-porto .centered .buttn:hover:after,
.inner-home .porto .centered .button:hover:after{
        right: -5px;
}
.inner-home .seo{
        margin-top: 80px;
}
.inner-home .seo .hentry .txt{
        max-width: 970px;
}
.inner-home .seo .tbl{
        position: relative;
        padding: 50px 0;
}
.inner-home .seo .tbl table{
        width: calc(100% - 490px);
        z-index: 1;
        color:  #4D7070;
        font-size: 14px;
}
.inner-home .seo .tbl figure{
        position: absolute;
        right: -110px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
}
.inner-home .seo table th{
        text-align: left;
        background: #E5ECEC;
        padding: 12px 10px;
        text-align: center;
}
.inner-home .seo table td{
        padding: 8px 10px;
        text-align: center;
        width: 12%;
}
.inner-home .seo table tr:nth-child(even) td{
        background: #F9F9F9;
}
.inner-home .seo table th:first-child,
.inner-home .seo table td:first-child{
        text-align: left;
        width: 25%;
        padding-left: 35px;
}
.inner-home .seo table th:last-child,
.inner-home .seo table td:last-child{
        width: 20%;
        padding-right: 80px;
        font-weight: 700;
}
.inner-home .seo table td b{
        color: #14B4D7;
        font-weight: 700;
}
.inner-home .seo table td em{
        display: none;
}
.inner-home .seo table span{
        display: inline-block;
        background: rgba(251, 222, 155, 0.5);
        padding: 8px 12px;
        line-height: 100%;
}
.inner-home .seo table span i{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 12px;
        height: 8px;
        background-image: url(../img/icon/arrow-tbl.svg);
        margin: 0 5px;
        top: -2px;
}
.section-process,
.inner-home .cta{
        margin-top: 130px;
}
.section-process .list,
.inner-home .cta .list{
        position: relative;
        padding-top: 120px;
}
.section-process .list{
        padding: 0;
}
.inner-home .cta .list:before{
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        content: '';
        left: 0;
        top: 50px;
        background: #F0F0F0;
}
.section-process .list .rowflex,
.inner-home .cta .rowflex{
        margin: 0 -10px;
}
.section-process .list .rowflex{
        justify-content: center;
}
.section-process .list .item,
.inner-home .cta .item{
        max-width: calc(33.333333333333333333% - 20px);
        flex: calc(33.333333333333333333% - 20px);
        margin: 0 10px 30px;
        text-align: center;
        position: relative;
        background: #fff;
        border: 1px solid #F0F0F0;
        border-radius: 16px;
        padding: 32px;
        font-size: 14px;
        font-weight: 300;
}
.section-process .list .item{
        margin: 0 10px 40px;
}
.section-process .list .item:before,
.inner-home .cta .item:before{
        content:"";
        position:absolute;
        z-index:-1;
        -webkit-box-shadow:0 0 40px rgba(0,0,0,0.3);
        box-shadow:0 0 40px rgba(0,0,0,0.3);
        bottom:0px;
        left:20%;
        right:20%;
        width:60%;
        height:50%;
        -moz-border-radius:100%;
        border-radius:100%;
}
.section-process .list .item .txt,
.inner-home .cta .item .txt{
        line-height: 150%;
}
.section-process .list .item h3,
.inner-home .cta .item h3{
        font-size: 18px;
        font-weight: 600;
        font-family: 'Montserrat';
        line-height: 130%;
        margin: 0 0 5px;
        color: #000;
}
.section-process .list .item span,
.inner-home .cta .item span{
        display: block;
        position: absolute;
        left: 0;
        top: -110px;
        text-align: center;
        width: 100%;
}
.section-process .list .item span b,
.inner-home .cta .item span b{
        display: inline-block;
        width: 80px;
        height: 80px;
        text-align: center;
        background: #000;
        line-height: 80px;
        border-radius: 50%;
        color:  #F8E04C;
        font-weight: 700;
        font-size: 36px;
}
.inner-home .cta .centered{
        padding-top: 50px;
}
.inner-home .cta .centered .button{
        width: 100%;
        max-width: 440px;
}
.inner-home .client{
        margin-top: 50px;
        padding: 75px 0 5px;
        background-image: url(../img/icon/home-client.png);
}
.inner-home .client .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-home .client .item{
        max-width: 16%;
        flex: 16%;
        text-align: center;
        margin: 0 0 70px;
}
.section-contact{
        padding-bottom: 50px;
}
.section-contact .form-holder{
        max-width: 780px;
        margin: 0 auto;
}
.section-contact .form-holder form > *{
        margin-bottom: 40px;
}
.section-contact .form-holder form >span.wpcf7-form-control-wrap{
	display: block;
}
.section-contact select,
.section-contact input[type='text'],
.section-contact input[type='email'],
.section-contact input[type='tel'],
.section-contact textarea{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        border: none;
        border-bottom: 1px solid #E4E4E4;
        padding: 0 0 15px;
        color: #8C8C8C;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Montserrat';
        display: block;
        width: 100%;
}
.section-contact textarea{
        min-height: 80px;
        resize: vertical;
}
#poppack .section-contact textarea{
	height: 100px;
}
.section-contact .dropdown{
	position: relative;
}
.section-contact .dropdown select{
	position: relative;
	z-index:2;
	background: none;
}
.section-contact .dropdown:after{
	display: block;
	position: absolute;
	right: 4px;
	top: 7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #000000 transparent transparent transparent;
	content: '';
	z-index: 1;
}
.section-contact .gap{
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
}
.section-contact .gap > *{
        flex: calc(50% - 20px);
        max-width:  calc(50% - 20px);
}
/** CONTACT **/
.inner-contact{
        padding-bottom: 130px;
}
.inner-contact figure{
        order: 1;
        max-width: 49%;
        flex: 49%;
}
.inner-contact figure img{
        border-radius: 0 0 85px 0;
}
.inner-contact .caption{
        order: 2;
        max-width: 51%;
        flex: 51%;
        padding: 50px 20px 0 75px;
        
}
.inner-contact .caption .holder{
        max-width: 525px;
        width: 100%;
}
.inner-contact .section-contact{
        padding: 0;
        margin-top: 37px;
}
.inner-contact .section-contact .centered{
        text-align: left;
}
.inner-contact .section-contact .form-holder{
        max-width: none;
        margin: 0;
}
.inner-contact .section-contact input[type='text'],
.inner-contact .section-contact input[type='email'],
.inner-contact .section-contact input[type='tel'],
.inner-contact .section-contact textarea{
        font-size: 14px;
}
.inner-contact h2{
        font-weight: 900;
        font-size: 48px;
        line-height: 120%;
        color: #000;
}
.inner-contact  h2 + p{
        margin-top: 15px;
}
/** INNER CLIENT **/
.inner-home.inner-client .client{
        padding: 0;
        background: none;
        margin: 90px 0 0;
}
.inner-client.inner-home .porto{
        margin-top: 20px;
}
.inner-client .banner{
        position: relative;
        padding: 120px 0;
        background: #F9F8F2;
}
.inner-client .banner:before{
        position: absolute;
        left: 0;
        top: 60px;
        background-image: url(../img/icon/client-banner-dots.png);
        content: '';
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
        width: 59px;
        height: 197px;
}
.inner-client .banner .cvr-bg{
        position: absolute;
        right: 0;
        top: 0;
        width: 46%;
        height: 100%;
        z-index: 1;
}
.inner-client .banner .caption .holder{
        max-width: 550px;
        position: relative;
        z-index: 2;
}
.inner-client .banner h2{
        font-size: 48px;
        margin: 0 0 15px;
        font-weight: 900;
}
/** INNER ABOUT **/

.inner-about .intro .hentry{
        background: #F9F8F2;
        padding: 60px 0 150px;
        text-align: center;
        position: relative;
}
.inner-about .intro .hentry:after,
.inner-about .intro .hentry:before{
        display: block;
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        bottom: 40px;
}
.inner-about .intro .hentry:before{
        width: 201px;
        height: 197px;
        background-image: url(../img/icon/about-intro-dots.png);
        left: 40px;
}
.inner-about .intro .hentry:after{
        width: 90px;
        height: 157px;
        background-image: url(../img/icon/about-intro-plus.png);
        right: 40px;
}
.inner-about .intro .hentry .wrapper{
        position:relative;
        z-index: 2;
}
.inner-about .intro .hentry h2{
        font-weight: 900;
        font-size: 48px;
        line-height: 130%;
        background: #161405;
        background: -webkit-linear-gradient(to right, #161405 0%, #4D4510 50%, #564c12 100%);
        background: -moz-linear-gradient(to right, #161405 0%, #4D4510 50%, #564c12 100%);
        background: linear-gradient(to right, #161405 0%, #4D4510 50%, #564c12 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #161405;
        display: inline-block;
}
.inner-about .intro .hentry .txt{
        line-height: 200%;
        max-width: 430px;
        margin: 10px auto 0;
}
.inner-about .intro  .thumb{
        position: relative;
        z-index: 3;
        top: -75px;
}
.inner-about .intro .rowflex{
        justify-content: space-between;
}
.inner-about .intro figure{
        position: relative;
        top: 140px;
        max-width: 32%;
        flex: 32%;
}
.inner-about .intro figure:first-child{
        top: auto;
        max-width: 66%;
        flex: 66%;
}
.inner-about .intro figure img{
        border-radius: 0 90px 35px 90px;
}
.inner-about .intro figure:first-child img{
        border-radius: 90px 0 35px 65px;
}
.inner-about .copy{
        text-align: center;
        margin-top: 130px;
}
.inner-about .copy h2{
        font-weight: 900;
        font-size: 48px;
        line-height: 130%;
        color: #000;
}
.inner-about .copy .format-text{
        max-width: 960px;
        margin: 15px auto 0;
}
.inner-about .service{
        margin-top: 130px;
        position: relative;
        padding: 55px 0;
}
.inner-about .service:after{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 530px;
        height: 540px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/about-service.jpg);
        content: '';
}
.inner-about .service .rowflex{
        position: relative;
        z-index: 2;
        justify-content: space-between;
}
.inner-about .service figure{
        flex: 49%;
        max-width: 49%;
}
.inner-about .service figure img{
        border-radius: 0 90px 35px 90px;
}
.inner-about .service .accord{
        max-width: 43.6%;
        flex: 43.6%;
        position: relative;
        top: 30px;
}
.inner-about .service .accord .item{
        margin-top: 5px;
        padding: 16px 35px;
        border: 1px solid rgba(255,255,255,0);
        box-shadow:  0px 15px 35px rgba(0, 0, 0, 0);
        border-radius: 12px;
        transition:all 0.2s ease-in;
}
.inner-about .service .accord .item.active{
        box-shadow:  0px 15px 35px rgba(0, 0, 0, 0.13);
        border: 1px solid #F0F0F0;
        padding: 35px;
}
.inner-about .service .accord .item:first-child{
        margin-top: 0;
}
.inner-about .service .accord .item.active{
        margin-bottom: 20px;
}
.inner-about .service .accord .item.active:not(:first-child){
        margin-top: 20px;
}
.inner-about .service .accord .ahead{
        cursor: pointer;
        position: relative;
        padding-right: 25px;
}
.inner-about .service .accord .item.active .ahead{
        cursor: default;
}
.inner-about .service .accord .ahead:after{
        width: 100%;
        height: 1px;
        content: '';
        background: #F0F0F0;
        display: block;
        position: absolute;
        left: 0;
        bottom: -18px;
        transition:all 0.2s ease-in;
        opacity: 1;
}
.inner-about .service .accord .item.active .ahead:before{
        opacity: 0;
}
.inner-about .service .accord .ahead:before{
        position: absolute;
        right: 0;
        top: 4px;
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
        content: '';
        background-image: url(../img/icon/plus.svg);
}

.inner-about .service .accord .item.active .ahead:after,
.inner-about .service .accord .abody{
        display: none;
}
.inner-about .service .accord .ahead h3{
        color: #000;
        font-weight: 600;
        font-size: 18px;
        font-family: 'Montserrat';
        line-height: 130%;
}
.inner-about .service .accord .item.active .ahead h3{
        color: #4D7070;
}

.inner-about .service .accord .txt{
        padding-top: 5px;
        color: #000;
        font-weight: 300;
        font-size: 14px;
        line-height: 160%;
        max-width: 430px;
}
.inner-about .request{
        margin-top: 80px;
        background-image: url(../img/icon/about-request.jpg);
        padding: 80px 0;
}
.inner-about .request .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-about .request  h2{
        max-width: 57.6%;
        flex: 57.6%;
        font-size: 48px;
        font-weight: 900;
        color: #000;
        line-height: 130%;
}
.inner-about .request .button{
        padding-left: 10px;
        padding-right:10px;
        flex: 26.2%;
        max-width: 26.2%;
}
/** SECTION HERO **/
.inner-ecom{
        overflow: hidden;
}
.section-hero{
        position: relative;
        padding: 120px 0 110px;
        background-image: url(../img/icon/section-hero.png);
}
.section-hero .rowflex{
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 2;
}
.section-hero .caption{
        max-width: 55.6%;
        flex: 55.6%;
}
.section-hero h2{
        font-size: 48px;
        font-weight: 700;
        color: #000;
        line-height: 130%;
}
.section-hero h2 b,
.section-hero h2 strong{
        font-size: 85px;
}
.section-hero h2 del{
        display: block;
        line-height: 100%;
}
.section-hero figure{
        max-width: 43.1%;
        flex: 43.1%;
}
.section-hero span{
        position: absolute;
        color: rgba(0, 0, 0, 0.02);
        font-size: 97px;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        right: -20px;
        top: 65px;
        z-index: 1;
}
.section-hero .caption .txt{
        color: #000;
        font-size: 16px;
        line-height: 200%;
        margin: 30px 0 0;
        max-width: 507px;
}
.section-hero:after{
        position: absolute;
        right: 0;
        bottom: -25px;
        display: block;
        z-index: 1;
        content: '';
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/section-hero-dots.png);
        width: 241px;
        height: 177px;
}
.section-pricing{
        margin-top: 110px;
}
.section-process .hentry,
.section-pricing .hentry{
        margin-bottom: 50px;
        text-align: center;
}
.section-pricing .rowflex{
        margin: 0 -10px;
}
.section-pricing .item{
        max-width: calc(33.33333333333333333333% - 20px);
        flex: calc(33.33333333333333333333% - 20px);
        margin: 0 10px 30px;
}
.section-pricing .item .layer{
        background: #fff;
        border: 1px solid #F0F0F0;
        border-radius: 16px;
        padding: 35px;
}
.section-pricing .item.best .layer{
        background: #FCEFA9;
        border-color: #FCEFA9;
}
.section-pricing .item  h3{
        font-size: 36px;
        font-family: 'Montserrat';
        font-weight: 600;
        line-height: 130%;
        margin: 0 0 10px;
        color: #000;
}
.section-pricing .item  h3 span{
        display: inline-block;
        position: relative;
        vertical-align: middle;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        padding: 10px;
        background: #fff;
        border: 2px solid #000;
        color: #000;
        border-radius: 6px;
        line-height: 100%;
        top: -2px;
        margin-left: 10px;
}
.section-pricing .item .txt{
        color:  #858585;
        font-size: 14px;
        line-height: 180%;
        margin-bottom: 20px;
}
.section-pricing .item.best .txt{
        color: #000;
}
.section-pricing .item .button{
        display: block;
        width: 100%;
        letter-spacing: 1.4px;
        padding-left: 10px;
        padding-right: 10px;
}
.section-pricing .item ul{
        display: block;
        margin-top: 35px;
}
.section-pricing .item li{
        display: block;
        position: relative;
        line-height: 160%;
        margin-top: 10px;
        color: #000;
        padding-left: 22px;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 400;
}
.section-pricing .item li:before{
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/list.svg);
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 13px;
        height: 13px;
        content: '';
}
.section-pricing .item li:first-child{
        margin: 0;
}
.section-copy .hentry h2{
       font-size: 48px;
}
.inner-ecom{
        padding-bottom: 110px;
}
#popcall{
        width: 95%;
        max-width: 980px;
        border-radius: 12px;
        padding: 60px 100px 50px;
}
#popcall .section-contact .hentry h2{
        font-size: 30px;
        font-weight: 700;
}
#popcall .section-contact {
        padding: 0;
}
#popcall .section-contact .form-holder form > .centered{
        margin: 0;
}
#popcall .fancybox-close-small{
        border: 2px solid #BCBCBC;
        border-radius: 50%;
        opacity: 1;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        padding: 0;
        right: 20px;
        top: 20px;
}
#popcall .fancybox-close-small svg{
        opacity: .5;
}
/** INNER WEB DESIGN **/
.inner-webdes {
        padding-bottom: 110px;
}
.inner-webdes .section-hero .caption{
        max-width: 40%;
        flex: 40%;
}
.inner-webdes .section-hero h2{
        font-weight: 700;
        font-size: 48px;
        line-height: 110%;
}
.inner-webdes .section-hero h2 b{
        font-size: 48px;
        font-weight: 900;
}
.inner-webdes .section-hero h2 img{
        display: inline-block;
        margin: 10px 0 0;
}
.inner-webdes .section-hero figure{
        max-width: 56%;
}
.inner-webdes .section-hero span{
        right: -100px;
}
.inner-webdes .section-hero:after{
        bottom: 50px;
}
.section-copy .format-text{
        max-width: 480px;
}
.section-enter {
        margin-top: 110px;
}
.section-enter .holder{
        max-width: 1070px;
        margin: 0 auto;
}
.section-enter ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -20px;
}
.section-enter ul li{
        flex: calc(33.33333333333333333333333%  - 40px);
        max-width:  calc(33.33333333333333333333333%  - 40px);
        margin: 0 20px 40px;
        line-height: 160%;
        margin: 0 20px 20px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Montserrat';
        padding-left: 30px;
        position: relative;
}
.section-enter.sixol ul{
        justify-content: center;
}
.section-enter.sixol ul li{
        flex: calc(16.66666666666667%  - 40px);
        max-width:  calc(16.66666666666667%  - 40px);
        margin: 0 20px 45px;
}
.inner-seo .section-enter .holder{
        max-width: none;
}
.section-enter ul li:before{
        position: absolute;
        left: 0;
        top: 2px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
        content: '';
        background-image: url(../img/icon/list-yellow.svg);
}
.section-faq{
        margin-top: 130px;
        padding: 50px 0;
        background-image: url(../img/icon/section-faq.jpg);
}
.section-faq .list{
        max-width: 980px;
        margin: 0 auto;
}
.section-faq .item{
        padding: 20px 30px 20px 35px;
        background: #fff;
        border-radius: 12px;
        border: 1px solid #F0F0F0;
        margin: 15px 0 0;
}
.section-faq .item:first-child{
        margin: 0;
}
.section-faq .item h3{
        cursor: pointer;
        color: #000;
        font-weight: 600;
        font-family: 'Montserrat';
        position: relative;
        cursor: pointer;
        padding-right: 40px;
}
.section-faq .item .acc-head h3:after{
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        width: 18px;
        height: 9px;
        background-image: url(../img/icon/arrow-faq.svg);
        content: '';
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transition:all 0.2s ease-in;
        transform: rotate(-180deg);
}
.section-faq .item.active .acc-head h3:after{
        transform: rotate(0deg);
}
.section-faq .item .format-text{
        line-height: 155%;
        font-size: 14px;
        color: #858585;
        padding-top: 15px;
        border-top:  1px solid #F0F0F0;
        margin-top: 15px;
}
.section-faq .item .acc-body{
        display: none;
}
.inner-seo .section-hero h2{
        font-size: 96px;
}
.inner-seo .section-hero figure{
        max-width: 38%;
        flex: 38%;
}
.inner-seo .section-hero .caption{
        max-width: 50%;
        flex: 50%;
}
.inner-seo .section-hero span{
        min-width: 110vw;
}
.inner-seo .section-hero{
        padding: 90px 0;
}
.inner-seo .section-hero .wrapper{
        max-width: 1020px;
}
.inner-home.inner-seo .seo{
        margin: 0;
}
.inner-seo .section-copy:before{
        top: 10px;
}
.inner-seo .section-copy .format-text{
        max-width: 515px;
}
.inner-seo .section-enter{
        position: relative;
        padding: 130px 0 50px;
        margin: 0;
}
.inner-seo .section-enter:before{
        width: 85px;
        height: 85px;
        background-image: url(../img/icon/seo-enter-dots.png);
        top: auto;
        left: 0;
        bottom: 0;
        z-index: 1;
}
.inner-seo .section-enter:after{
        width: 139px;
        height: 278px;
        top: 10px;
        left: auto;
        right: 0;
        background-image: url(../img/icon/seo-enter-circle.png);
        z-index: 1;
}
.inner-seo .section-enter .wrapper{
        position: relative;
        z-index: 2;
}
.inner-seo.inner-home .cta{
        margin-top: 80px;
}
.inner-seo .section-pricing .item h3 span{
        margin-left: -1px;
}
div.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed !important;
}
.wpcf7-not-valid-tip{
	display: none !important;
}
.wpcf7-spinner {
	opacity: 1;
	position: relative;
	top: 8px;
	margin: 0 0 0 10px;
}
.section-contact .wpcf7-not-valid{
	border-color: red !important;
}
/** INNER PAGE **/
.inner-page{
	padding: 60px 0 130px;
}
.section-contact .subs{
	display: none;
}
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){
        
}

#bottom .logo .social,
#top .mainmenu .social,
.mobile-trigger{
	display: none;
}
@media (max-width: 1800px) {

}
@media (max-width: 1239px) {
	.inner-seo .section-hero .wrapper,
	.wrapper{
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.inner-home .hero .caption{
		max-width: 55%;
	}
	.inner-home .seo .tbl figure{
		right: -30vw;
	}
	.inner-home .seo .tbl table{
		width: calc(100% - 27vw);
	}
	.section-enter.sixol ul li {
		flex: calc(33.3333333333333333333333333333% - 40px);
		max-width: calc(33.3333333333333333333333333333% - 40px);
	}
}

@media (max-width: 991px) {
	.section-hero span,
	.inner-home .seo .tbl figure,
	#bottom > .social,
	#top .util .social{
		display: none;
	}
	.wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}
	#top{
		padding: 15px 0;
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	#body{
		padding-top: 46px;
	}
	.mobile-trigger{
		display: inline-block;
		position: relative;
		top: -2px;
	}
	.menu-mobile{
		width: 20px;
		height: 15px;
		position: relative;
		display: inline-block;
		top: 3px;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before,
	.menu-mobile .menu-bar b{
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 6px;
		background: #fff;
		display: block;
	}
	.menu-mobile .menu-bar b{
		-webkit-transition:background 300ms ;
		-moz-transition:background 300ms ;
		-o-transition:background 300ms ;
		-ms-transition:background 300ms ;
		transition:background 300ms ;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before{
		content: '';
		-webkit-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-moz-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-o-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-ms-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
	}
	
	.menu-mobile .menu-bar b:after{
		top: 6px;
	}
	.menu-mobile .menu-bar b:before{
		top: -6px;
	}
	.open-menu .menu-mobile  .menu-bar b:after,
	.open-menu .menu-mobile  .menu-bar b:before{
		top:0;
		-webkit-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-moz-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-o-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-ms-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		left: 0;
	}
	.open-menu .menu-mobile  .menu-bar b{
		background: rgba(0,0,0,0);
	}
	.open-menu .menu-mobile  .menu-bar b:after{
	    -ms-transform: rotate(45deg); /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	    transform: rotate(45deg);
	}
	.open-menu .menu-mobile  .menu-bar b:before{
	    -ms-transform: rotate(-45deg); /* IE 9 */
	    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	    transform: rotate(-45deg);
	}
	#top .mainmenu{
		display: none;
		position: absolute;
		left: 0;
		width: 100%;
		top: 46px;
		background: #000;
		max-width: 100%;
		padding: 40px 20px 50px;
	}
	.mainmenu li{
		display: block;
		margin: 0 0 40px;
	}
	#top .mainmenu .social{
		display: block;
	}
	#top .util{
		max-width: 20px;
	}
	#top .logo{
		max-width: 80px;
	}
	#bottom .footer-widget .logo{
		position: relative;
		top: auto;
		-ms-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	#bottom .footer-widget .copy,
	#bottom .footer-widget .menu{
		float: none;
		table-layout: auto;
		text-align: center;
	}
	#bottom .logo .social{
		display: block;
		margin: 30px 0 ;
	}
	#bottom .footer-widget .copy{
		margin: 20px 0 0;
	}
	#bottom .footer-widget .menu li{
		margin: 0 7px;
	}
	.inner-home .hero .holder{
		position: relative;
		top: auto;
		-ms-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		left: auto;
		padding: 40px 0 15px;
	}
	.inner-home .hero .caption{
		max-width: 100%;
	}
	.inner-home .hero figure{
		padding: 20px;
		float: none;
		width: 100%;
		margin: 0;
	}
	.inner-seo .section-hero .caption,
	.inner-seo .section-hero figure,
	.inner-webdes .section-hero .caption,
	.inner-webdes .section-hero figure,
	.section-hero .caption,
	.section-hero figure,
	.inner-about .service .accord,
	.inner-about .service figure,
	.inner-contact .caption,
	.inner-contact figure,
	.section-copy figure,
	.section-copy .caption,
	.inner-home .about figure,
	.inner-home .about .caption{
		flex: 100%;
		max-width: 100%;
	}
	.inner-seo .section-hero .caption,
	.section-hero .caption,
	.inner-about .service .accord,
	.inner-contact .caption,
	.section-copy figure,
	.inner-home .about figure{
		margin: 0 0 50px;
	}
	
	.inner-home .about .caption:before{
		left: auto;
		right: 0;
	}
	.inner-home .service .item {
		max-width: calc(33.33333333333333333333% - 20px);
		flex: calc(33.33333333333333333333% - 20px);
	}
	.inner-home .seo .tbl table{
		width: 100%;
	}
	.inner-home .seo .tbl{
		padding: 0;
	}
	.inner-home .seo table th:last-child, .inner-home .seo table td:last-child{
		padding-right: 35px;
		width: 15%;
	}
	.section-process .list .item,
	.inner-home .cta .item{		
		padding: 25px 20px;
	}
	.inner-contact .caption{
		order: 1;
	}
	.inner-contact figure{
		order: 2;
	}
	.inner-about .service:after{
		top: auto;
		bottom: 0;
	}
	.inner-about .service .accord{
		top: auto;
	}
	.inner-about .service{
		padding-top: 0;
	}
	.inner-seo .section-copy .format-text,
	.section-hero .caption .txt,
	.inner-about .service .accord .txt{
		max-width: none;
	}
	.inner-about .request h2{
		flex: 70%;
		max-width: 70%;
	}
	.inner-about .request .button{
		flex: 25%;
		max-width: 25%;
	}
	.section-hero h2 b, .section-hero h2 strong{
		display: block;
	}
	.section-pricing .item .layer{
		padding: 20px;
	}
	.inner-webdes .section-hero h2 del{
		display: block;
	}
	.section-copy .format-text{
		max-width: none;
	}
	.section-enter ul li{
		flex: calc(50% - 40px);
		max-width:  calc(50% - 40px);
	}
	.inner-seo .section-copy:before{
		top: -55px;
	}
	.mainmenu li ul{
		position: relative;
		left: auto;
		top: auto;
		min-width: 100%;
		opacity: 1;
		visibility: visible;
		padding-top: 15px;
		transition:all 0s ease-in;
		display: none;
	}
	.mainmenu li ul li{
		text-align: center;
	}
	#bottom .footer-widget .menu li b{
		right: -3px;
		margin: 0 0 0 5px;
	}
	#bottom .footer-widget .menu li ul{
		text-align: left;
		padding: 0 10px;
		left: -10px;
		display: none;
	}
	#bottom .footer-widget .menu{
		z-index: 4;
	}
	#bottom .footer-widget .menu{
		margin: 0 -7px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 991px)  {

}
@media (max-width: 768px) {
	.inner-home .seo .tbl,
	.inner-home.inner-seo .seo{
		display: none;
	}
	.inner-home .porto .centered .button,
	.inner-home .hero .button,
	.button{
		height: auto;
		padding: 15px 25px;
		line-height: 150%;
	}
	.section-porto .centered .button,
	.inner-home .porto .centered .button{
		padding: 15px 30px;
	}
	.inner-home .about:before{
	       width: 53vw;
	       height: 54vw;
	       top: -30px;
	}
	.inner-seo .section-copy:before,
	.section-copy:before{
		width:53vw;
		height: 57vw;
		top: -30px;
	}
	.inner-home .about .caption:before{
		width: 100px;
		height: 126px;
		top: 0;
	}
	.section-process,
	.section-pricing,
	.section-porto,
	.section-copy,
	.inner-home .client,
	.inner-home .cta,
	.inner-home .seo,
	.inner-home .porto,
	.inner-home .about{
		margin: 80px 0 0;
	}
	.inner-home .service{
		margin: 0;
		padding: 80px 0 0;
	}
	.inner-home.inner-client .client{
		margin: 50px 0 0;
	}
	.section-porto.trio .item,
	.section-porto .item,
	.inner-home .porto .item,
	.inner-home .service .item {
		max-width: calc(50% - 10px);
		flex: calc(50% - 10px);
		margin: 0 5px 20px;
	}
	.section-porto .rowflex,
	.inner-home .porto .rowflex,
	.inner-home .service .rowflex{
		margin: 0 -5px;
	}
	.inner-home .service .item figure a,
	.inner-home .service .item img{
		border-radius: 10px 10px 0 0;
	}
	.section-porto .item a span em,
	.inner-home .porto .item a span em,
	.inner-home .service .item figure span em{
		width: 50px;
		height: 50px;
	}
	.inner-home .cta .list:before,
	.inner-home .seo .tbl table thead{
		display: none;
	}
	.inner-home .seo table td,
	.inner-home .seo table td:first-child,
	.inner-home .seo table td:last-child{
		width: 100%;
		display: block;
		text-align: left;
		padding: 0 20px 10px;
	}
	.inner-home .seo table td:first-child{
		padding-top: 20px;
	}
	.inner-home .seo table td:last-child{
		padding-bottom: 20px;
	}
	.inner-home .seo table td em{
		display: inline-block;
		vertical-align: middle;
		font-weight: 600;
		color: #000;
		min-width: 100px;
	}
	.inner-home .cta .item span{
		position: relative;
		top: auto;
		left: auto;
		margin: 0 0 20px;
	}
	.inner-home .cta .item span b{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
	}
	.section-process .list .item,
	.inner-home .cta .item{
		flex: 100%;
		max-width: 100%;
		margin: 0 0 50px;
		padding: 25px;
	}
	.inner-home .cta .centered{
		padding-top: 20px;
	}
	.inner-home .client .rowflex{
		justify-content: center;
	}
	.inner-home .client .item{
		max-width: 33%;
		flex: 33%;
		padding: 0 20px;
		margin: 0 0 30px;
	}
	.inner-home .client{
		padding: 35px 0 5px;
	}
	.section-contact .gap > *{
		flex: 100%;
		max-width: 100%;
	}
	.section-contact .gap > *:first-child + *{
		margin-top: 25px;
	}
	.section-contact .form-holder form > *{
		margin-bottom: 25px;
	}
	.inner-ecom,
	.section-contact,
	.inner-home{
		padding-bottom: 80px;
	}
	.inner-contact .caption{
		padding: 40px 20px 0;
	}
	.inner-client .banner{
		padding: 60px 0 200px;
	}
	.inner-client .banner .cvr-bg{
		height: 140px;
		width: 100%;
		bottom: 0;
		top: auto;
	}
	.section-enter.sixol ul li,
	.section-enter ul li,
	.section-pricing .item,
	.inner-about .request h2,
	.inner-about .request .button,
	.inner-about .intro figure:first-child,
	.inner-about .intro figure{
		max-width: 100%;
		flex: 100%;
		top: auto;
	}
	.inner-about .request .button,
	.inner-about .intro figure:first-child + figure{
		margin-top: 20px;
	}
	.section-copy figure img,
	.inner-about .service figure img,
	.inner-home .about figure img ,
	.inner-about .intro figure img {
		border-radius: 0 30px 10px 30px;
	}
	.inner-about .intro figure:first-child img{
		border-radius: 30px 0 10px 30px;
	}
	.inner-about .intro .hentry{
		padding: 40px 0 120px;
	}
	.section-faq,
	.section-enter,
	.inner-about .request,
	.inner-about .service,
	.inner-about .copy{
		margin-top: 80px;
	}
	.inner-about > .intro + *{
		margin-top: 0;
	}
	.inner-about .service:after{
		width: 53vw;
		height: 54vw;	
	}
	.inner-about .service{
		padding-bottom: 30px;
	}
	.inner-about .service .accord .item{
		padding: 16px 25px;
	}
	.inner-about .service .accord .item.active {		
		padding: 25px;
	}
	.inner-about .request{
		padding: 50px 0;
		text-align: center;
	}
	.inner-seo .section-hero,
	.section-hero {
		text-align: center;
		padding: 60px 0;
	}
	.section-hero:after{
		bottom: 0;
	}
	#popcall{
		padding: 60px 20px 40px;
	}
	.section-porto .item a b{
		bottom: 12px;
	}
	.section-pricing .item{
		margin: 0 0 30px;
	}
	.section-pricing .item .layer{
		max-width: 380px;
		margin: 0 auto;
	}
	.inner-seo .section-hero h2 img,
	.inner-webdes .section-hero h2 img{
		max-width: 150px;
	}
	.section-faq .item{
		padding: 20px 20px 20px 25px;
	}
	.section-faq .item h3{
		line-height: 150%;
	}
	.section-faq .item .format-text{
		padding-bottom: 5px;
	}
	.section-enter.sixol ul li{
		margin-bottom: 20px;
	}
	.inner-seo .section-enter{
		padding: 90px 0 30px;
	}
	.mainmenu li:hover > b:after{
		transform: rotate(0deg);
		filter: brightness(0) invert(1);
	}
	.mainmenu li b.active:after{
		transform: rotate(180deg);
		filter: none;
	}
	.mainmenu li:not(.btn):hover > a,
	.mainmenu li a:hover{
		color: #fff;
	}
	
	
	/** FONT SIZE **/
	.section-hero h2 b{
		font-size: 40px;
	}
	.inner-page .the-title,
	.inner-seo .section-hero h2,
	.section-faq .hentry h2,
	.section-enter .hentry h2,
	.section-process .hentry h2,
	.inner-webdes .section-hero h2 b,
	.inner-webdes .section-hero h2,
	.section-pricing .hentry h2,
	.section-porto .hentry h2,
	.section-copy .hentry h2,
	.section-hero h2,
	.inner-about .request h2,
	.inner-about .copy h2,
	.inner-about .intro .hentry h2,
	.inner-client .banner h2,
	.inner-contact h2,
	.section-contact .hentry h2,
	.inner-home .hentry h2{
		font-size: 30px;
	}
	.section-pricing .item h3,
	#popcall .section-contact .hentry h2{
		font-size: 24px;
	}
	.format-text blockquote,
	.inner-home .service .item h3{
		font-size: 16px;
	}
	.section-porto .item a b,
	.inner-home .porto .item a b,
	body{
		font-size: 14px;
	}
	.inner-home .hentry span{
		font-size: 12px;
	}
	.section-copy .rowflex .format-text + .button{
		padding-left: 10px;
		padding-right: 10px;
	}
	.inner-page{
		padding: 40px 0 80px;
	}
	
	
	
	
	/** ZERO STUFF **/
	.inner-contact,
	.inner-home .cta .list{
		padding: 0;
	}
	.section-process .list .rowflex,
	.section-pricing .rowflex,
	.inner-home .cta .rowflex{
		margin: 0;
	}
	.inner-contact figure img{
		border-radius: 0;
	}
}
/* Custom mobile */
@media (max-width: 480px) {

}

@media (max-width: 360px) {
	
}
@media (min-width: 1230px) {

}

#responsive{
	display:block;
	width:10px;
	height: 10px;
	position: fixed;
	bottom:10px;
	left: 10px;
	z-index: 9999;
}
/** RESPONSIVE VIEWER **/
@media (max-width: 1239px) {  #responsive{background: blueViolet !important;}}
@media (max-width: 991px) {  #responsive{background: red !important;}}
@media (max-width: 768px) {  #responsive{background: blue !important;}}
@media (max-width: 480px) {  #responsive{background: cyan !important;}}
@media (max-width: 360px) {  #responsive{background: green !important;}}