/*VERSION 005:: 9 December 2019*/
html {
overflow-x: hidden;
}
body {
background: #fff;
font-family: 'Open Sans';
margin: 0;
}
.header-top-nav{ width: 100%; padding-left: 15%; background: #DE747B;}
.header-top-nav ul { padding: 0px; margin: 0px; list-style: none;}
.header-top-nav ul li { display:inline-block; padding: 5px 15px; }
.header-top-nav ul li a { color: #8b3634; text-decoration: none; font-size: 13px; font-weight: 800;}
.header-top-nav ul li.active { background: #d6525a;}
.header-top-nav ul li.active a{ color: #fff;}
.h-header {
background: #d6525a;
padding: 15px;
display: inline-block;
width: 100%;
position:fixed;
z-index:9999;
transition: 500ms all;
top: 0;
left: 0;
}
.h-left, .h-right {
display: inline-block;
vertical-align: middle;
}
.h-left {
width: 215px;
}
.h-right {
width: Calc(100% - 220px);
}
ul.myMenu {
margin: 0;
text-align: right;
}
.myMenu > li {
display: inline-block;
padding: 0 25px;
vertical-align: middle;
}
.myMenu > li > a {
font-weight: 600;
color: #fff;
cursor: pointer;
font-family: 'Open Sans' !important;
}
.myMenu > li >a:hover {
text-decoration: none;
}
.h-header ul li.mdrop-down > a {
color:#fff;
}
.myMenu > li.h-line {
background: #fff;
width: 1px;
height: 35px;
padding: 0;
}
.myMenu > li.h-g-started {
padding: 0;
}
.myMenu > li.h-g-started > a {
padding: 7px 30px;
display: inline-block;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
border: 1px solid #fff;
border-radius: 7px;
box-shadow: 0px 0px 5px -1px #fff;
}
.myMenu > li.h-g-started > a:hover {
text-decoration:none;
background:#ab383f;
}
ul.myMenu > li > ul {
text-align: left;
display: none;
position: absolute;
left: 0;
z-index: 9999999;
color: #fff;
padding-top: 10px;
width: 240px;
}
.h-header ul li.mdrop-down:hover::before { background-image: url('../img/header/arrow_drop_up.svg'); }
.h-header .mdrop-down > ul { background-color: #fff; z-index: 5555; margin-top:9px; display:none ; list-style: none; padding: 10px; box-shadow: 0 0 15px 0 rgba(0,0,0,.2)}
.h-header .mdrop-down.mactive a + ul { display:block !important; }
.h-header ul li.mdrop-down { position:relative; }
.h-header ul li.mdrop-down::before {
display: inline-block;
position: absolute;
content: '';
background-image: url(../img/header/arrow_drop_down.svg);
background-repeat: no-repeat;
z-index: 1;
height: 23px;
width: 23px;
background-size: cover;
right: -4px;
top: -2px;
}
.h-header ul li.mdrop-down.mactive::before { background-image: url('../img/arrow_drop_up.svg'); }
.h-header ul li.mdrop-down > ul > li {
margin: 5px 0;
}
.h-header ul li.mdrop-down > ul > li > a{
color: #43484f;
display: inline-block;
width: 100%;
padding: 10px;
text-decoration: none;
}
.h-header ul li.mdrop-down > ul > li > a:hover , .h-header ul li.mdrop-down > ul > li > a:focus , .h-header ul li.mdrop-down > ul > li > a:active {
color: #d6525a;
}
/*home-top*/
.home-first-layer {
position: relative;
left: 0px;
background-position: 50% 50%;
background-size: cover;
background-attachment: scroll;
background: #d6525a;
overflow-x: visible;
display: inline-block;
width: 100%;
}
.triangle_right_br {
position: absolute;
top: 70px;
width: 90%;
height: 100%;
right: 0;
z-index: 11;
}
.home-first-layer:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 150px;
bottom: -185px;
left: 0;
z-index: 0;
background: #fff;
transform: skew(0, 4deg);
}
.home-f-l-container {
/* height: 710px;
position: fixed;
*/ top: 0;
left: 0;
bottom: 0;
right: 0;
padding:45px 0;
display: inline-block;
width: 100%;
background: #d6525a;
}
.h-t-left {
position: absolute;
background: #d6525a;
width: Calc(100% - 800px);
border: none;
display: inline-block;
height: 100%;
padding: 0px;
margin: 0;
}
.h-t-left:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #d6525a;
transform-origin: bottom left;
-ms-transform: skew(-35deg,0deg);
-webkit-transform: skew(-35deg,0deg);
transform: skew(-35deg,0deg);
}
.h-t-right {
position: relative;
float: right;
padding: 11% 0;
width: Calc(100% - 810px);
z-index: 111;
}
.h-t-right > img {
background: transparent;
right: 0;
width: 100%;
padding: 0;
}
.h-t-container {
overflow: hidden;
padding: 10% 80px;
width: 720px;
}
.h-t-text {
color: #fff;
padding: 135px 0 0 100px;
position: relative;
height: 520px;
text-transform: uppercase;
z-index: 111;
}
.h-t-container > img {
position: absolute;
height: 520px;
}
.h-t-text > span {
font-size: 36px;
line-height: 42px;
font-weight: 600;
display: inline-block;
width: 100%;
border-bottom: 2px solid;
padding-bottom: 5px;
}
.h-t-text > p {
font-size: 16px;
line-height: 42px;
font-weight: 600;
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.g-started > a {
font-size: 18px;
color: #fff;
border: 2px solid #fff;
padding: 10px 50px;
border-radius: 7px;
font-weight: 600;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.g-started > a:hover{
text-decoration:none;
background:#8e3c3b;
}
/*.home-body-layer {
display: inline-block;
background: #fff;
width: Calc(100% - 20px);box-shadow: 0px 5px 10px 0px #888787;
position:relative;
margin-top: 80px;
z-index:9;
}*/
.home-body-layer {
display: inline-block;
/* background: #fff;*/
width:100%;
/* box-shadow: 0px 5px 10px 0px #888787;*/
position:relative;
margin-top: 80px;
z-index:91;
}
/*.home-body-layer:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: -85px;
left: 0;
z-index: -1;
background: #fff;
transform: skew(0, 4deg);
box-shadow: 4px 0 4px -2px #888;
}*/
/*home-body*/
.l-layer {
display: inline-block;
width: Calc(50% - 2px);
vertical-align: middle;
}
.l-layer-img > img {
width: 100%;
}
.l-layer-img > img.l-img1 {
padding-right: 50px;
position: relative;
z-index: 9;
}
.l-layer-text > span {
color: #43484f;
font-size: 24px;
line-height: 42px;
font-weight: 600;
max-width: 525px;
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.l-layer-text > span > .l-red{
color:#ff334f;
}
.l-layer-text > span > .l-gold{
color: #cca636;
}
.l-layer-text > p {
font-size: 14px;
line-height: 28px;
color: #7d8aa3;
display: inline-block;
max-width: 400px;
width: 100%;
margin-bottom: 15px;
}
.l-link-btn > a {
color: #be4a47;
border: 2px solid #be4a47;
padding: 7px 30px;
display: inline-block;
font-size: 18px;
font-weight: 600;
cursor: pointer;
border-radius: 7px;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.l-link-btn > a:hover{
text-decoration:none;
background:#ffecec;
}
.l-link-btn.black > a {
color: #43484f;
border: 2px solid #43484f;
}
.l-link-btn.black > a:hover {
background: #fff;
}
.h-b-container {
padding: 0 8%;
}
.h-b-layer {
display: inline-block;
width: 100%;
margin-bottom: 80px;
}
.l-layer-text {
padding-left: 30px;
}
.h-b-box {
border: 1px solid #7a8594;
padding: 30px 50px;
display: inline-block;
width: 100%;
}
.h-b-box .l-img2, .h-b-box .h-box-text {
display: inline-block;
vertical-align: middle;
}
.h-box-text > span {
font-size: 24px;
font-weight: 600;
color: #43484f;
}
.h-box-text > p {
font-size: 14px;
line-height: 28px;
color: #7d8aa3;
}
.l-link-gray > a {
background: #7a8594;
color: #fff;
font-weight: 600;
font-size: 18px;
padding: 10px 30px;
border-radius: 7px;
display: inline-block;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.l-link-gray > a:hover{
text-decoration:none;
background:#63686f;
}
.h-box-text {
max-width: 760px;
padding-left: 60px;
}
.h-b-community {
background: #f5f5f5;
padding: 55px 50px;
display: inline-block;
width: 92%;
position: relative;
margin: 115px 0 40px;
}
.h-b-c-left {
display: inline-block;
position: absolute;
left: 0;
top: 0;
margin: -50px 0;
}
.h-c-box {
position: absolute;
width: 400px;
background: #4d4d61;
height: 340px;
}
.h-c-img-container > img:hover {
opacity: 0.3;
cursor: pointer;
}
.h-c-img-container > img:nth-child(3) {
margin-top: 128px;
margin-left: 115px;
width: 280px;
}
.h-c-img-container > img:nth-child(2) {
margin-left: 255px;
}
.h-c-img-container > img {
position: absolute;
}
.h-c-img {
margin-left: 100px;
margin-top: -30px;
}
.h-c-img-center {
position: absolute;
top: 29px;
left: 282px;
}
.h-c-img-text > span {
display: inline-block;
position: absolute;
left: 40px;
bottom: 63px;
color: #fff;
font-weight: 600;
font-size: 18px;
}
.h-b-c-right {
display: inline-block;
margin-left: 580px;
}
.h-b-c-right .l-layer-text > span {
border-bottom: 1px solid #7d8aa3;
max-width: max-content;
}
.h-b-c-right .l-layer-text > p {
max-width: 385px;
}
.indx-mrk-logos { width:840px; margin:0px auto;}
.indx-mrk-logos a {
display: inline-block;
vertical-align: text-top;
text-align: center;
width: 100%;
}
.indx-mrk-logossec {
position: relative;
width: 100%;
margin: 0 auto;
min-height: 120px;
}
.indx-mrk-logos a:hover .indx-mrk-lgclr {
opacity: 1;
-webkit-transition: opacity 550ms ease;
-moz-transition: opacity 550ms ease;
-ms-transition: opacity 550ms ease;
-o-transition: opacity 550ms ease;
transition: opacity 550ms ease;
}
.m2020-img img {
max-height: 130px;
}
/*.indx-mrk-logos a .indx-mrk-lgclr, .indx-mrk-logos a:hover .indx-mrk-lgwht {
opacity: 0;
-webkit-transition: opacity 550ms ease;
-moz-transition: opacity 550ms ease;
-ms-transition: opacity 550ms ease;
-o-transition: opacity 550ms ease;
transition: opacity 550ms ease;
}*/
.indx-mrk-logos a img {
max-height: 110px;
vertical-align: baseline;
display: inline-block;
max-height: 85px;
}
.indx-mrk-logossec img {
top: 0px;
left: 0px;
}
p.h-b-mrk-text {
color: #7d8aa3;
display: inline-block;
width: 100%;
text-align: center;
font-size: 28px;
margin-bottom: 30px;
}
.h-b-bottom-bg{
display: inline-block;
width: 100%;
background: url(../img/foot-bg.png) no-repeat center top;
background-size: auto auto;
background-size: auto auto;
background-size: cover;
min-height: 500px;
position: relative;
padding: 235px 0 0;
text-align: center;
}
.l-link-red > a {
color: #fff;
background: #be4a47;
padding: 7px 50px;
display: inline-block;
font-size: 18px;
font-weight: 600;
cursor: pointer;
border-radius: 7px;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.l-link-red > a:hover {
text-decoration:none;
background:#9a201d;
}
.h-b-bottom-bg > span {
font-weight: 700;
color: #fff;
font-size: 30px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.h-b-bottom-bg > p {
color: #fff;
font-size: 20px;
display: inline-block;
width: 100%;
}
.h-b-line {
position: absolute;
width: 1px;
background: #e3e3e3;
height: 103.9%;
left: Calc(8% + 30px);
top: -3.9%;
}
/*footer*/
.arcadier-ftr {
position: relative;
}
.arcadier-ftr-container{
background: #43484F;
display:inline-block;
width:100%;
padding: 50px 75px;
}
div.footer-line {
border-bottom: 1px solid #7D8AA3;
padding-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
}
.cur-pointer ul {
margin-right: 10px;
padding-left: 0;
}
.ftr-button > a {
color: #fff;
border: 2px solid #fff;
text-align: center;
border-radius: 5px;
cursor: pointer;
padding: 7px 30px;
font-weight: 600;
font-size: 16px;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
min-width: 175px;
display:inline-block;
}
.ftr-button > a:hover{
background:#383a3e;
text-decoration:none;
}
.footer-top-left {
display: inline-block;
width: Calc(100% - 180px);
}
.footer-top-right {
display: inline-block;
}
.full-width {
width: 100%;
display: inline-block;
}
.footer-top-menu {
margin: 0px;
padding: 0px;
list-style: none;
padding-top: 0px;
}
.footer-top-menu li {
display: inline-block;
padding: 2px 12px 2px 5px;
font-weight: 400;
}
.footer-top-menu li a, .footer-top-menu li a:hover {
font-size: 13px;
color: #fff;
text-decoration: none;
outline: none;
font-weight: 600;
}
.ftr-button a {
text-decoration: none;
}
.left {
float: left;
}
.cur-pointer {
cursor: pointer;
}
.ftr-detail-container ul li, .ftr-detail-container-last ul li {
list-style-type: none;
color: #fff;
font-weight: 400;
}
.footer-bottom-menu li a {
color: #fff;
font-size: 11px;
outline: none;
display: inline-block;
vertical-align: middle;
}
.footer-bottom-menu li a, .footer-bottom-menu li a:hover {
text-decoration: none;
outline: none;
}
.footer-bottom-menu li {
display: inline-block;
padding: 10px;
font-weight: 400;
vertical-align: middle;
}
ul.ftr-btm-m:last-child > li > a:last-child {
border-right: 1px solid #fff;
padding-right: 15px;
}
.footer-copyright {
color: #fff;
font-weight: 400;
font-size: 11px;
border-top:0;
}
.ftr-detail-container { float: left; width: 25%;}
.ftr-detail-container > ul > li > a:hover {
color: #000;
}
.ftr-detail-container > ul > li > a {
color: #fff;
text-decoration: none;
font-size: 13px;
}
.ftr-detail-container > ul > li:nth-child(1) > a { font-weight: 600; color: #999;}
.ftr-detail-container > ul > li:nth-child(1) > span { font-weight: 600; color: #999;}
.footer-bottom {
background: #1c2426;
float: left;
width: 100%;
}
.footer-content-left {
display: inline-block;
width: Calc(100% - 190px);
}
.ftr-detail-container-last {
display: inline-block;
vertical-align: top;
}
.ftr-detail-container-last a:hover {
text-decoration:none;
}
.ftr-detail-container-last a {
margin-left: 10px;
color: #fff;
font-weight: 700;
font-size: 12px;
}
.ftr-detail-container-last a > span > img {
margin-right: 10px;
}
.ftr-detail-container-last ul >li {
text-align: right;
}
.ftr-detail-container ul li, .ftr-detail-container-last ul li {
margin-top: 20px;
}
.footer-bottom-menu ul{
margin: 0;
display:inline-block;
padding:0;
}
.ftr-img {
float: left;
width: 25px;
height: 25px;
margin: 0 10px;
}
.footer-fb {
background: url(../img/icons/social_fb.svg) no-repeat;
background-size: contain;
}
.footer-in {
background: url(../img/icons/social_link.svg) no-repeat;
background-size: contain;
}
.footer-tweet {
background: url(../img/icons/social_twt.svg) no-repeat;
background-size: contain;
}
.footer-bottom-menu {
display: inline-block;
width: 100%;
padding: 0 30px;
margin-bottom: 0;
}
.footer-bottom-menu > ul.ftr-btm-m:first-child {
display: inline-block;
width: Calc(100% - 290px);
}
/*animation*/
/*animation element*/
.animation-element {
opacity: 0;
position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 800ms linear;
-webkit-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view, .animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
opacity: 0;
-moz-transition: all 1000ms linear;
-webkit-transition: all 1000ms linear;
-o-transition: all 1000ms linear;
transition: all 1000ms linear;
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-o-transform: translateX(300px);
-ms-transform: translateX(300px);
transform:translateX(300px);
}
.video_panel{
display: inline-block;
width: 100%;
background: url(../img/video_panel.jpg) no-repeat center center;
background-size: cover;
padding: 50px 0;
}
/*end animation*/
.indx-with-arc { width: 100%; text-align: center; font-size: 1.2em; letter-spacing: 0.20em; color: #999;}
.indx-way-create-marketplace { width: 100%; text-align: center; font-size: 2em; color: #43484f; font-weight: 600; line-height: 1.43em;}
.red-required {
color: #ff334f;
}
body.home {
background: #fff;
}
.index .feature-content-text.text-white{font-size:18px;}
.index .index-arcadier-build { max-width: 550px; margin: 0 9.5%; padding: 30px 0 25px; float: left; background: #ff334f; padding: 25px 40px; height: 120px; position: absolute; z-index: 9; margin-top: -60px; }
.index .index-first-layer{width:80%;margin:0 10%;padding:65px 0;float:left; padding-top: 0px; }
.index .index-first-layer span.shadow{color:#e0e0e0;margin-top:0;z-index:0;}
.index .index-first-layer .content-layer{margin-top:60px;}
.index .index-first-layer .content-layer .content{width:20%;float:left; text-align: center; margin: auto;}
.index .index-first-layer .content-layer .content .image{ width: 100%; text-align: center; min-height: 60px;}
.index .index-first-layer .content-layer .content .image img{ max-height: 60px; max-width: 100%; vertical-align: middle;}
.index .index-first-layer .content-layer .content .title{color:#7d8aa3;font-size:1.1em;margin-bottom:10px;font-weight:400;}
.index .index-first-layer .content-layer .content .desc{font-size:14px;color:#999999;font-weight:400;max-width:220px;line-height:24px;width:100%;}
.content-layer.animation-element2.in-view{-webkit-animation:slidein-from-left 1500ms;opacity:1;-moz-transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);-o-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate3d(0px, 0px, 0px);}
.video_panel h4 {
font-size: 24px;
color: #fff;
font-weight: 700;
}
.video_panel a img {
max-width: 48px;
}
.video_panel a {
display: inline-block;
width: auto;
}
.enterprice-bg-area {
display: inline-block;
width: 100%;
background: url(../img/enterprise_bg.svg) no-repeat right top;
background-size: contain;
}
.why_box .m-none img {
margin-top: 0;
}
.inline {
display: inline-block !important;
}
.article_title {
display: inline-block;
width: 100%;
text-align: center;
}
.article_title h4 {
margin-top: 0;
padding: 0 0 15px;
border-bottom: 3px solid #ededed;
display: inline-block;
width: auto;
font-size: 24px;
font-weight: 700;
color: #ff334f;
}
.article_container {
margin: 20px auto;
max-width: 870px;
}
.article_box {
display: inline-block;
width: 100%;
background: #f0f0f0;
padding: 15px 0;
}
.post_img {
float: left;
width: 100%;
height: 214px;
overflow: hidden;
}
.post_content {
display: inline-block;
width: 100%;
}
.post_content h3 {
font-size: 14px;
font-weight: 700;
color: #4d4d4d;
}
.post_content p {
font-size: 12px;
font-weight: 400;
color: #4d4d4d;
line-height: 22px;
}
.post_content p span {
font-size: 12px;
font-weight: 700;
color: #EF3C53;
}
.post_content p.date_post {
color: #8f9cb2;
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
}
.post_nav {
display: inline-block;
width: 100%;
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.post_nav li{
display: inline-block;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #d2d2d2;
}
.post_nav li:last-child{
border: none;
}
.nav-tabs.post_nav li a {
color: #8f9cb2;
font-size: 12px;
text-decoration: none;
}
.nav-tabs.post_nav li.active a {
color: #4d4d4d !important;
font-weight: 700;
background: none;
border: none;
}
.mrk_title span {
font-size: 24px;
color: #000;
font-weight: 700;
margin-bottom: 50px;
display: inline-block;
width: 100%;
}
.mrk_title span > span {
color: #ff334f;
display: inline-block;width: auto;
margin:0;
}
.foot-sec {
margin-bottom: 0 !important;
}
#rotation{
overflow: hidden;
}
.video-popup .modal-content iframe {
margin: 0 auto;
display: block;
width: 100%;
height: 500px;
}
.video-popup .modal-content .close {
color: #fff;
text-shadow: none;
opacity: 1;
}
.video-popup .modal-content {
box-shadow: none;
border: none;
background-color: transparent;
}
.video-popup .modal-dialog {
width: 80%;
margin-top: 80px;
margin-bottom: 80px;
}
.video_btn a{
font-size: 18px;
color: #fff;
border: 2px solid transparent;
padding: 10px 20px;
border-radius: 7px;
font-weight: 600;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
text-decoration: none;
}
.video_btn a img {
width: 30px;
display: inline-block;
}
.g-started , .video_btn {
display: inline-block;
width: auto;
margin-right: 15px;
}
.video_btn {
margin-right: 0;
}
@media (max-width: 767px) {
.h-left {
width: auto;
}
.h-right{
width: 28%;
position: relative;
}
.h-t-left{
width: 100%;
display: inline-block;
position: relative;
}
.opener{
position: absolute;
right: 0;
top: -10px;
display: block;
width: 25px;
z-index: 1111;
background: none !important ;
margin: 0 !important;
transition: all 0.54 linear;
}
.opener span {
height: 3px;
float: left;
width: 100%;
margin-bottom: 5px;
background: #fff;
border-radius: 3px;
transition: all 0.54 linear;
}
.opener.active span{
margin-bottom: -5px;
width: 60%;
}
.opener.active span:first-child{
transform: rotateZ(45deg);
}
.opener.active span:nth-child(2){
opacity: 0;
}
.opener.active span:last-child{
transform: rotateZ(-45deg);
}
.mobile_nav{
display: none;
position: fixed;
width: 100%;
height: 100%;
background: #d6525a;
top: 0;
left: 0;
padding-left: 0;
overflow-x: scroll;
}
.mobile_nav.active{
display: block;
}
.mobile_nav .menu {
width: 100%;
margin: 0;
}
.mobile_nav ul {
padding-left: 0;
}
.h-header ul li.mdrop-down::before{
right: 15px;
}
.h-header ul li.mdrop-down:hover:before {
background-image: url(../img/header/arrow_drop_down.svg);
}
.menu > li , .mdrop-down.mactive > ul > li{
width: 100%;
text-align: center;
margin: 20px 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
}
.mdrop-down.mactive > ul{
background: #fff;
position: relative;
width: 100%;
height: 100%;
top: 0;
margin: 0 ;
overflow-y: scroll;
}
.h-header .mdrop-down > ul > li {
margin: 0 !important;
}
.menu > li > a , .mdrop-down.mactive > ul > li > a{
font-size: 24px;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.h-header .mdrop-down.mactive a + ul {
display: block !important;
position: relative;
margin-top: 15px;
}
.space-bottom-35 {
margin-bottom: 35px;
}
.menu > li.h-line{
display: none;
}
.h-t-container {
overflow: hidden;
padding: 15px;
width: 100%;
}
ul.myMenu {
display: none;
}
.h-t-container > img{
max-width: 100%;
}
.h-t-text {
color: #fff;
padding: 20px 0 0 0;
height: auto;
}
.triangle_right_br {
display: none;
}
.h-t-text > span {
font-size: 22px;
line-height: 32px;
}
.h-t-container > img {
position: absolute;
height: 200px;
}
.g-started > a {
font-size: 14px;
color: #fff;
border: 2px solid #fff;
padding: 10px 18px;
border-radius: 7px;
font-weight: 600;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
display: inline-block;
}
.g-started, .video_btn{
margin-right: 5px;
}
.video_btn a{
font-size: 14px;
padding: 10px 18px;
}
.h-t-right {
width: 100%;
}
.l-layer {
width: 100%;
margin-bottom: 25px;
}
.l-layer-text{
padding-left: 0;
}
.post_img{
height: 125px;
}
.h-b-layer{
margin-bottom: 25px;
}
.indx-mrk-logossec.logo-more-height{
min-height: inherit;
}
.ftr-img {
margin: 0 5px;
}
.footer-bottom-menu > ul.ftr-btm-m:first-child {
display: inline-block;
width: 100%;
text-align: center;
}
.l-link-btn > a {
font-size: 14px;
}.l-layer-text > span{
font-size: 18px;
line-height: 22px;
}
.home-body-layer{
margin-top: 20px;
}
.content-layer .content .title {
display: table-cell;
vertical-align: middle;
text-align: left;
width: calc(100% - 50px);
padding-left: 10px;
}
.arcadier-ftr-container {
padding: 50px 15px;
}
.arcadier-ftr {
width: 100%;
}
.indx-mrk-logos a img {
max-width: 100% !important;
}
.indx-mrk-logossec{
width: 100% ;
}
.l-layer-img > img.l-img1{
padding-right: 0;
}
.h-b-bottom-bg {
padding-top: 115px;
min-height: unset;
padding-bottom: 100px;
margin-bottom: 120px;
}
}
@media(min-width: 768px) and (max-width: 991px){
.h-left{
width: 49%;
}
.opener{
position: absolute;
right: 0;
top: -10px;
display: block;
width: 25px;
z-index: 1111;
background: none !important ;
margin: 0 !important;
transition: all 0.54 linear;
}
.opener span {
height: 3px;
float: left;
width: 100%;
margin-bottom: 5px;
background: #fff;
border-radius: 3px;
transition: all 0.54 linear;
}
.opener.active span{
margin-bottom: -5px;
width: 60%;
}
.opener.active span:first-child{
transform: rotateZ(45deg);
}
.opener.active span:nth-child(2){
opacity: 0;
}
.opener.active span:last-child{
transform: rotateZ(-45deg);
}
.mobile_nav{
display: none;
position: fixed;
width: 100%;
height: 100%;
background: #d6525a;
top: 0;
left: 0;
padding-left: 0;
overflow-x: scroll;
}
.mobile_nav.active{
display: block;
}
.mobile_nav .menu {
width: 100%;
margin: 0;
}
.mobile_nav ul {
padding-left: 0;
}
.h-header ul li.mdrop-down::before{
right: 15px;
}
.h-header ul li.mdrop-down:hover:before {
background-image: url(../img/header/arrow_drop_down.svg);
}
.menu > li , .mdrop-down.mactive > ul > li{
width: 100%;
text-align: center;
margin: 20px 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
}
.mdrop-down.mactive > ul{
background: #d6525a;
position: fixed;
width: 100%;
height: 100%;
top: 0;
margin: 0 ;
padding: 15% 0;
overflow-y: scroll;
}
.menu > li > a , .mdrop-down.mactive > ul > li > a{
font-size: 16px;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.menu > li.h-line{
display: none;
}
.h-t-container {
overflow: hidden;
padding: 15px;
width: 100%;
}
ul.myMenu {
display: none;
}
.h-right{
width: 49%;
position: relative;
}
.h-t-left , .h-t-right {
width: 50%;
}
.h-t-container > img {
height: 280px;
}
.h-t-text{
padding: 85px 0 0 0px;
}
.h-t-text > span{
font-size: 22px;
}
.g-started > a{
padding: 10px 20px;
}
.video_btn a,
.g-started > a {
font-size:14px;
}
}
@media(min-width: 992px) and (max-width: 1210px){
.myMenu > li.h-g-started > a {
padding: 7px 10px;
}
.myMenu > li{
padding: 0 10px;
}
.header .h-right{
width: 49%;
position: relative;
}
.h-t-left , .h-t-right {
width: 50%;
}
.h-t-container > img {
height: 280px;
}
.h-t-text{
padding: 85px 0 0 0px;
}
}
/*enterprise*/
.enterprise_banner{
display: inline-block;
width: 100%;
position: relative;
min-height: 778px;
padding-top: 178px;
}
.background-image-holder{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-size: cover !important;
background-repeat: no-repeat;
}
.enterprise_banner .over_content {
display: inline-block;
width: 100%;
position: relative;
z-index: 111;
}
.enterprise_banner .over_content h1 {
font-size: 36px;
color: #fff;
font-weight: 700;
text-shadow: 1px 2px 6px rgba(0,0,0,.5);
-webkit-text-shadow: 1px 2px 6px rgba(0,0,0,.5);
-moz-text-shadow: 1px 2px 6px rgba(0,0,0,.5);
margin: 0;
line-height: 1.4em;
}
.divider-full-white{
display: block;
width: 100%;
content: "";
background: #fff;
height: 3px;
max-width: 540px;
margin: 25px 0;
}
.enterprise_banner .over_content p {
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 2em;
}
.talk-btn{
background: #ff334f;
color: #fff;
display: inline-block;
width: 200px;
height: 48px;
line-height: 34px;
font-size: 18px;
font-weight: 700;
margin-top: 15px;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
position: relative;
border:none;
overflow: hidden;
border-radius: 10px;
}
.talk-btn:hover {
color: #ff334f;
}
.talk-btn:before{
position: absolute;
width: 50%;
height: 100%;
content: "";
background: #fff;
left: -100%;
top: 0;
transform: skewX(15deg);
-webkit-transform: skewX(15deg);
-moz-transform: skewX(15deg);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
.talk-btn:after{
position: absolute;
width: 50%;
height: 100%;
content: "";
background: #fff;
right: -100%;
top: 0;
transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
.talk-btn:hover:before{
left: 0;
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
}
.talk-btn:hover:after{
right: 0;
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
}
.talk-btn span {
position: relative;
z-index: 111;
}
/*--------------------------------*/
.max-container {
width: 100%;
position: relative;
display: inline-block;
min-height: 475px;
}
.skew-box-top {
position: absolute;
top: -180px;
right: 0;
background: #ff334f;
content: "";
width: 100%;
height: 100%;
max-width: 68%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 111;
min-height: 670px;
}
.skew-box-bottom {
position: absolute;
top: -50px;
right: 0;
background: #ff687d;
content: "";
width: 100%;
height: 100%;
max-width: 70%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 1;
min-height: 670px;
}
.left-titile-area{
display: inline-block;
width: 100%;
padding-top: 25px;
position: relative;
}
.max-container .left-titile-area h3{
font-size: 32px;
}
.left-titile-area h3 {
font-size: 24px;
font-weight: 700;
color: #43484f;
line-height: 1.4em;
position: relative;
z-index: 111;
}
.left-titile-area h3 span{
color: #ff334f;
}
.movable_object {
position: absolute;
bottom: -40px;
left: -45px;
width: 145px;
height: 145px;
background: #ebebeb;
content: "";
}
.feature_list_area{
position: relative;
z-index: 1111;
display: inline-block;
width: 100%;
top: -58px;
right: -20%;
}
.feature_list_area .inline{
float: none;
width: 24%;
margin-bottom: 75px;
}
.feature_list_area span {
color: #fff;
font-size: 14px;
font-weight: 600;
display: inline-block;
width: 100%;
margin-top: 25px;
}
/*-------------------------------------*/
.how_it_work {
display: inline-block;
width: 100%;
background: url(../img/ent/enterprise2.png) no-repeat 0 0;
background-size: cover;
min-height: 800px;
position: relative;
z-index: 111;
top: -150px;
padding-top: 250px;
position: relative;
}
.package_area{
position: relative;
}
.package_area::before {
position: absolute;
top: -130px;
left: 0;
width: 100%;
height: 230px;
content: "";
background: #fff;
transform: skewY(-5.5deg);
z-index: 111;
}
.title_section h3{
font-size: 36px;
color: #fff;
font-weight: 700;
text-shadow: 1px 2px 6px rgba(0,0,0,.7);
-webkit-text-shadow: 1px 2px 6px rgba(0,0,0,.7);
-moz-text-shadow: 1px 2px 6px rgba(0,0,0,.7);
margin: 0;
line-height: 1.4em;
}
.how_it_work .title_section{
display: inline-block;
width: 100%;
margin-bottom: 60px;
}
/*------------------------------------*/
.package_area{
float: left;
width: 100%;
margin-top: -150px;
position: relative;
}
.skew_box {
width: 100%;
position: absolute;
top: 40%;
left: 0;
content: "";
height: 643px;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
background: #f0f0f0;
}
.package_area .left-titile-area{
padding-top: 0;
position: relative;
z-index: 111;
}
.package_area .left-titile-area h3{
margin-top: 0;
}
.package_area .left-titile-area p {
font-size: 16px;
color: #808080;
line-height: 25px;
}
.package_box_outer {
display: block;
width: 100%;
background: #fff;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
position: relative;
}
.package_box_outer .package-content {
border:3px solid;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.package_box_outer:first-child .package-content{
border-color: #7d8aa3;
}
.package_box_outer.second .package-content{
border-color: #43484f;
}
.package_box_outer.third .package-content,
.package_box_outer.third .package_detail_box {
border-color: #ff334f !important;
}
.packae_table_area{
display: inline-block;
width: 100%;
margin-top: 120px;
position: relative;
z-index: 111;
}
.package_box_outer .package_title_box {
position: relative;
float: none;
width: 100%;
color: #fff;
text-align: center;
padding:20px 55px 20px;
border-bottom: 3px solid;
}
.package_box_outer:first-child .package_title_box {
background: #7d8aa3;
border-color: #7d8aa3;
}
.package_box_outer.second .package_title_box {
background: #43484f;
border-color: #43484f;
}
.package_box_outer.third .package_title_box {
background: #ff334f;
border-color: #ff334f;
}
.package_box_outer .package_title_box:before {
position: absolute;
top: -48px;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
content: "";
border: 3px solid;
}
.package_box_outer:first-child .package_title_box:before {
background: #7d8aa3;
border-color: #7d8aa3;
}
.package_box_outer.second .package_title_box:before {
background: #43484f;
border-color: #43484f;
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: none !important;
}
.package_box_outer.third .package_title_box:before {
background: #ff334f;
border-color: #ff334f;
}
.con {
position: relative;
z-index: 111;
}
.package_detail_box.second.darker {
height: auto;
min-height: 140px;
}
.package_detail_box.darker p{
font-size: 14px;
color: #7d8aa3;
font-weight: 600;
margin: 0 auto
}
.package_title_box .con h5{
font-size: 16px;
font-weight: 700;
font-family: Oswald;
}
.package_title_box .con h3{
font-size: 28px;
font-weight: 700;
margin-top: 0;
font-family: Oswald;
}
.package_title_box .divider-full-white {
margin-top: 0;
}
.package_title_box .con h4{
font-size: 48px;
font-weight: 700;
margin-top: 0;
}
.package_title_box .con h4 sup {
font-size: 24px;
font-weight: 600;
position: relative;
top: -25px;
}
.package_title_box .con span {
font-size: 16px;
margin-bottom: 0;
}
.package_detail_box {
float: none;
width: 100%;
border-bottom: 1px solid;
padding: 30px 25px;
}
.package_box_outer:first-child .package_detail_box{
border-color: #7d8aa3;
}
.package_box_outer.second .package_detail_box{
border-color: #43484f;
}
.package_detail_box.first{
min-height: 365px;
padding-top: 50px;
}
.package_detail_box.second{
min-height: 180px;
}
.package_detail_box.third{
min-height: 465px;
border: none;
position: relative;
}
.pack_note{
position: absolute;
right: 0;
bottom: 45px;
font-style: italic;
font-size: 14px;
color: #43484f;
width: 100%;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
.package_detail_box ul{
display: inline-block;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.package_detail_box ul li {
font-size: 14px;
color: #7d8aa3;
font-weight: 600;
margin-bottom: 15px;
}
.package_detail_box h4{
color: #43484f;
font-size: 14px;
font-weight: 700;
margin-top: 0;
}
.package_detail_box p{
color: #808080;
font-size:14px;
font-weight: 400;
max-width: 250px;
}
.why_arcadier {
display: inline-block;
width: 100%;
padding:60px 0;
}
.why_box {
display: inline-block;
width: 100%;
margin-top: 80px;
}
.why_box h4{
color: #43484f;
font-size: 20px;
font-weight: 700;
margin-top: 0;
}
.why_box p{
font-size: 14px;
color: #808080;
line-height: 1.5em;
}
.why_box img {
margin-top: 30px;
}
.expert_list {
float: left;
width: 100%;
position: relative;
background: #ff334f;
min-height: 415px;
margin-top: 180px;
}
.expert_list:before {
position: absolute;
top: -100px;
left: 0;
width: 100%;
background: #ff334f;
height: 200px;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
content: "";
}
.expert_list h5 , .api_list_view h5 {
font-size: 24px;
color: #fff;
font-weight: 700;
line-height: 35px;
}
.expert_list a.bt {
background: #fff;
color: #ff334f;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
padding: 10px 15px;
margin-top: 20px;
display: inline-block;
}
.expert_list a.bt:hover {
text-decoration: none;
}
.conditional_hover{
display: inline-block;
width: 100%;
position: relative;
margin-left: 25px;
top: -210px;
}
.conditional_hover img {
position: absolute;
top: 0;
left: 0;
}
.conditional_hover img.back{
z-index: 1;
left: 50px;
top: -20px;
}
.conditional_hover img.top{
z-index: 111;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
}
/*.conditional_hover:hover img.top {
left: 50px;
top: -20px;
}*/
.api_list_view {
float: left;
width: 100%;
background: #43484f;
min-height: 250px;
position: relative;
margin-top: 50px;
}
.api_list_view:before {
position: absolute;
top: -130px;
left: 0;
width: 100%;
background: #43484f;
height: 250px;
transform: skewY(5.5deg);
-webkit-transform: skewY(5.5deg);
-moz-transform: skewY(5.5deg);
content: "";
}
.api_list_view .conditional_hover img.back{
z-index: 1;
left: inherit;
right: -10px;
top: 30px;
}
.api_list_view .conditional_hover img.top{
z-index: 111;
left: inherit;
right: 0;
}
.api_list_view .conditional_hover {
top: -250px;
margin-left: 0;
}
.api_list_view a.bt {
background: #ff334f;
color: #fff;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
padding: 10px 15px;
margin-top: 20px;
display: inline-block;
border:2px solid #fff;
}
.api_list_view a.bt:hover {
text-decoration: none;
}
.api_list_view h5 {
margin-top: -30px;
}
.call_to_action {
float: left;
width: 100%;
min-height: 480px;
position: relative;
padding-top: 160px;
}
.call_to_action .background-image-holder{
background-size: cover;
background-position: center center !important;
}
.call_to_action .over_content{
position: relative;
z-index: 111;
display: inline-block;
width: 100%;
}
.call_to_action h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 38px;
text-shadow: 1px 2px 6px rgba(0,0,0,.5);
-webkit-text-shadow: 1px 2px 6px rgba(0,0,0,.5);
-moz-text-shadow: 1px 2px 6px rgba(0,0,0,.5);
}
/*7march-changes*/
.total-cal {
display: inline-block;
width: 100%;
background: #F2F2F2;
padding-top: 15px;
padding-bottom: 15px;
border-bottom:1px solid #D2D2D2;
}
.recommanded .total-cal {
background: #EB545C;
}
.total-cal b {
font-size: 12px;
color: #7D8AA3;
font-weight: 700;
font-style: italic;
display: inline-block;
width: 100%;
}
.recommanded .total-cal b , .recommanded .total-cal i {
color: #fff;
}
.total-cal i {
font-style: italic;
font-size: 11px;
color: #7D8AA3;
}
.package-box-area .indetial-package ul li a {
font-weight: 700;
text-decoration: none;
color: #7D8AA3;
transition: all 0.7s linear;
}
.package-box-area .indetial-package ul li a:hover , .package-box-area .indetial-package ul li a:active , .package-box-area .indetial-package ul li a:focus {
text-decoration: underline;
}
.package-box-area.recommanded .indetial-package ul li a {
color: #fff;
}
/*7march-changes*/
.desktop{
display: inline-block !important;
}
.mobile{
display: none !important;
}
@media(min-width: 1600px){
.enterprise_banner .container , .max-container .container{
width: 86%;
}
}
@media(min-width: 300px) and (max-width: 767px){
.feature_list_area{
top: 0;
right: 0;
padding-top: 150px;
}
.feature_list_area .inline {
float: none;
width: 49%;
margin-bottom: 75px;
position: relative;
z-index: 1111;
}
.skew-box-top , .skew-box-bottom {
display: none;
}
.feature_list_area:after {
position: absolute;
top: 100px;
right: -15px;
background: #ff334f;
content: "";
width: 160%;
height: 88%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 111;
}
.feature_list_area:before {
position: absolute;
top: 80px;
right: -15px;
background: #ff687d;
content: "";
width: 160%;
height: 88%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 1;
}
.left-titile-area h3 br{
display: none;
}
.movable_object{
bottom: 0;
left: inherit;
right: 0;
}
.mobile{
display: inline-block !important;
}
.desktop{
display: none !important;
}
.how_it_work {
top: -230px;
padding-top: 270px;
padding-bottom: 210px;
min-height: inherit;
}
.slick-initialized .slick-slide {
padding: 0 10px;
/*width: 300px!important;*/
}
.slick-list{
overflow: visible !important;
}
.expert_list{
min-height: 755px;
}
.conditional_hover , .api_list_view .conditional_hover{
top: 0;
min-height: 368px;
}
.api_list_view .conditional_hover img.top{
left: 0;
right: inherit;
}
.api_list_view .conditional_hover img.back {
z-index: 1;
right: inherit;
left: 30px;
top: 23px;
}
.api_list_view .conditional_hover {
top: -90px !important;
margin-left: 0;
}
.api_list_view{
padding-bottom: 100px;
}
.call_to_action {
padding-top: 110px;
}
.call_to_action br{
display: none;
}
.api_list_view .text-left {
text-align: center !important;
}
.package_area::before{
display: none;
}
.slick-list {
padding: 0 !important;
}
body.home {
overflow-x: hidden;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.feature_list_area{
top: 0;
right: 0;
padding-top: 150px;
}
.feature_list_area .inline {
float: none;
margin-bottom: 75px;
position: relative;
z-index: 1111;
}
.skew-box-top , .skew-box-bottom {
display: none;
}
.feature_list_area:after {
position: absolute;
top: 100px;
right: -15%;
background: #ff334f;
content: "";
width: 160%;
height: 88%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 111;
}
.feature_list_area:before {
position: absolute;
top: 80px;
right: -15%;
background: #ff687d;
content: "";
width: 160%;
height: 88%;
transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
z-index: 1;
}
.left-titile-area h3 br{
display: none;
}
.movable_object{
bottom: 0;
left: inherit;
right: 0;
}
.slick-initialized .slick-slide {
padding: 0 10px;
/*width: 300px!important;*/
}
.slick-list{
overflow: visible !important;
}
.package_box_outer .package_title_box::before {
position: absolute;
top: -88px;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
content: "";
border: 3px solid;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: currentcolor;
}
.expert_list a.bt {
font-size: 14px;
}
}
/*customization page start here*/
.top-banner-section {
display: inline-block;
width: 100%;
min-height: 440px;
background:url(../img/custom/custom1.jpg) no-repeat center center;
background-size: cover;
margin-top: 70px;
padding-top: 160px;
}
.title-area {
display: inline-block;
width: 100%;
padding-top: 25px;
}
.title-area h1 {
font-size: 28px;
font-weight: 700;
color: #ff334f;
margin-top: 0;
margin-bottom: 0;
}
.title-area h1 span {
color: #fff;
}
.title-area h4 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #b3b3b3;
font-weight: 600;
margin-top: 0;
margin-bottom: 0;
}
.layout-icon{
display: inline-block;
width: 100%;
height: 55px;
background: url(../img/custom/layout1.svg) no-repeat center center;
background-size: contain;
content: "";
}
.icon-panel {
font-family: 'Open Sans', sans-serif;
color: #818191;
font-size: 18px;
font-weight: 900;
text-align: center;
padding-top: 25px;
display: inline-block;
width: 100%;
}
.icon-panel span {
display: inline-block;
width: 100%;
}
.icon-panel:hover {
color: #ff334f;
}
.icon-panel:hover .layout-icon {
background: url(../img/custom/layout2.svg) no-repeat center center;
background-size: contain;
}
.custom-code-icon {
display: inline-block;
width: 100%;
height: 55px;
background: url(../img/custom/code1.svg) no-repeat center center;
background-size: contain;
content: "";
}
.icon-panel:hover .custom-code-icon {
background: url(../img/custom/code2.svg) no-repeat center center;
background-size: contain;
}
.icon-panel .api-icon {
display: inline-block;
width: 100%;
height: 55px;
background: url(../img/custom/api1.svg) no-repeat center center;
background-size: contain;
content: "";
margin-bottom: 0;
}
.icon-panel:hover .api-icon {
background: url(../img/custom/api2.svg) no-repeat center center;
background-size: contain;
}
.divider-hor {
position: absolute;
content: "";
height: 120px;
width: 2px;
background: #818191;
top: 0;
right: 0;
}
.main-conetnt-area {
display: inline-block;
width: 100%;
position: relative;
padding-top: 100px;
min-height: 800px;
}
.img-box {
position: relative;
z-index: 11;
}
.main-conetnt-area:before{
position: absolute;
background: #F0F0F0;
content:"";
top: 0;
left: 155px;
height: 100%;
width: 420px;
}
.main-conetnt-area:after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
background: url(../img/custom/pattern.png) repeat top center;
}
body.custom{
background: #fff;
}
.indetail-content {
display: inline-block;
width: 100%;
}
.sec-title {
font-size: 24px;
font-weight: 700;
color: #ff334f;
margin-top: 25px;
margin-bottom: 40px;
float: left;
width: 100%;
}
.sec-title span{
color: #43484f;
font-weight: 400;
font-size: 18px;
}
.detail-listing {
display: inline-block;
width: 100%;
position: relative;
max-width: 460px;
z-index: 11;
}
.detail-listing > .list-box {
display: inline-block;
width: 100%;
position: relative;
padding-left: 30px;
margin-bottom: 20px;
}
.detail-listing > .list-box:before {
position: absolute;
left: 0;
top: 0;
content: "";
height: 12px;
width: 12px;
background: #FF334F;
transform:rotate(45deg);
-weebkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
}
.detail-listing > .list-box h4 {
margin-top: 0;
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
color: #43484f;
white-space: pre;
}
.detail-listing > .list-box p{
color: #7d8aa3;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 5px;
}
.round-corner-btn {
float: left;
width: 148px;
padding-left: 20px;
color: #fff;
font-weight: 700;
font-size: 14px;
height: 40px;
line-height: 40px;
background: #FF334F;
position: relative;
border-radius: 10px;
z-index: 11;
clear: both;
}
.round-corner-btn.bigger {
width: 368px;
height: 48px;
line-height: 48px;
margin-bottom: 15px;
}
.round-corner-btn.dark {
width: 216px;
background:#43484f ;
height: 48px;
line-height: 48px;
}
.round-corner-btn:hover , .round-corner-btn:focus , .round-corner-btn:active {
text-decoration: none;
color: #fff;
}
.arrow-right {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: url(../img/custom/arrow.svg) no-repeat center center;
content: "";
}
.left-space {
text-align: center;
}
.left-space .list-box , .left-space img , .left-space h3 , .left-space a{
text-align: left;
}
.detail-listing img {
float: left;
width: auto;
}
.layout-section , .cutom-code-section{
display: inline-block;
width: 100%;
margin-bottom: 150px;
}
.layout-section .indetail-content{ padding-top: 20px; }
.custom .top-banner-section .title-area h4 { margin-top: 5px; line-height: 24px; }
.custom .layout-section .img-box img{ margin-left: -25px; }
/*customization page end here*/
/*customizaton-page mobile and small devices*/
@media(max-width: 1210px){
.detail-listing > .list-box h4 {
white-space: normal;
}
}
@media(max-width: 1024px){
.top-banner-section {
padding-top: 100px;
}
.custom .row {
margin-left: -15px;
}
.marg-xs-25 {
margin-top: 25px;
}
.indetail-content {
padding-left: 15px;
padding-right: 15px;
}
.img-box {
margin-bottom: 15px;
}
.layout-section, .cutom-code-section {
margin-bottom: 40px;
}
.left-space {
text-align: left;
}
.main-conetnt-area:before {
right: 0px;
left: inherit;
}
}
@media(max-width: 767px){
.custom .top-banner-section .title-area h4 br{
display: none;
}
.top-banner-section {
padding-top: 40px;
}
.custom .row {
margin-left: -15px;
}
.icon-panel {
font-size: 14px;
}
.marg-xs-25 {
margin-top: 25px;
}
.indetail-content {
padding-left: 15px;
padding-right: 15px;
}
.detail-listing > .list-box h4 {
white-space: normal;
}
.round-corner-btn.bigger {
width: 100%;
font-size: 11px;
}
.round-corner-btn {
font-size: 12px;
}
.img-box {
margin-bottom: 15px;
}
.layout-section, .cutom-code-section {
margin-bottom: 40px;
}
}
/*customizaton-page mobile and small devices end*/
/*Developer page style start here*/
body.developer-page{
background: #fff;
}
.developer-page .top-title-area {
display: inline-block;
width: 100%;
margin-top: 70px;
padding-top: 40px;
}
.developer-page .top-title-area h1 {
font-size: 36px;
color: #43484f;
font-weight: 600;
position: relative;
line-height: 43px;
letter-spacing: 0.09em;
margin-top: 70px;
}
.developer-page .top-title-area h1 span {
color: #ff334f;
}
.developer-page .top-title-area .green-lable{
display: inline-block;
width: 100%;
color: #249ea1;
font-size: 16px;
line-height: 1.9em;
}
.developer-icon-skech {
max-height: 440px;
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 45px;
top: -50px;
position: relative;
}
.developer-icon-skech img{
max-height: 100%;
width: auto;
display: inline-block;
}
.dark-icon-grid-section {
display: inline-block;
width: 100%;
margin-top: 40px;
background:#d6525a;
}
.dark-icon-grid-section .section-title {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 60px;
}
.dark-icon-grid-section .section-title h3{
color: #fff;
font-size: 36px;
letter-spacing: 0.09em;
margin-top: 0;
}
.icon-grid-box {
display: block;
width: 100%;
max-width: 270px;
color: #fff;
margin: 0 auto;
}
.icon-grid-box .icon-area{
display: inline-block;
width: 100%;
margin-bottom: 20px;
position: relative;
min-height: 100px;
}
.icon-grid-box .icon-area img {
position: absolute;
bottom: 0;
left: 0;
}
.icon-grid-box .content-area{
display: inline-block;
width: 100%;
}
.icon-grid-box .content-area h4 {
margin-top: 0;
font-weight: 700;
font-size: 18px;
line-height: 21px;
}
.icon-grid-box .content-area p {
font-size: 14px;
line-height: 21px;
}
.round-border-btn{
display: inline-block;
width: 144px;
height: 40px;
line-height: 35px;
color: #fff;
border:2px solid #fff;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.icon-grid-box .round-border-btn i {
margin-left: 15px;
font-size: 18px;
}
.red-box {
background: #D67777;
min-height: 630px;
width: 100%;
max-width: 320px;
display: inline-block;
}
.icon-box {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #FFFFFF;
}
.icon-box h4 {
color: #fff;
margin-bottom: 0;
font-weight: 600;
font-size: 18px;
}
.i-relative {
position: relative;
display: inline-block;
width: 70px;
min-height: 55px;
}
.i-relative img {
position: absolute;
left: 0;
bottom: 0;
}
.light-icon-grid-section {
display: inline-block;
width: 100%;
margin-top: 70px;
margin-bottom: 70px;
}
.light-icon-grid-section .section-title {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.light-icon-grid-section .section-title h3 {
margin-top: 0;
font-size: 24px;
color: #43484F;
font-weight: 700;
}
.light-icon-grid-section .section-title h3 span {
color: #FF334F;
}
.light-icon-grid-section .content-area {
display: inline-block;
width: 100%;
padding-top: 50px;
padding-bottom: 15px;
border-bottom:1px solid #d1d1d1;
margin-bottom: 25px;
min-height: 400px;
position: relative;
}
.light-icon-grid-section .content-area h4{
font-size: 18px;
color: #7D8AA3;
font-weight: 600;
margin-top: 0;
}
.light-icon-grid-section .icon-box {
display: inline-block;
width: 100%;
}
.light-icon-grid-section .content-area p {
color: #fff;
font-size: 14px;
line-height: 21px;
max-width: 265px;
text-align: center;
margin: 0 auto;
}
.light-icon-grid-section .content-area i {
font-size: 16px;
color: #fff;
font-weight: 700;
text-align: center;
margin-top: 25px;
display: inline-block;
width: 100%;
position: absolute;
left: 0;
bottom: 55px;
}
.bg-dark-btn {
display: inline-block;
width: 100%;
max-width: 144px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 14px;
font-weight:700;
background: #ff334f;
text-align: center;
border-radius: 5px;
}
.smaller-container {
display: inline-block;
width: 100%;
/*background: url(../img/developer/develop2.jpg) no-repeat center center;*/
min-height: 423px;
padding-top: 70px;
margin-bottom: 95px;
position: relative;
}
.animation-circle {
height: 423px;
width: 423px;
position: absolute;
top: 0;
left: 35%;
}
@keyframes rot {
from {
transform: rotate(0deg)
translate(-211.5px)
rotate(0deg);
}
to {
transform: rotate(360deg)
translate(-211.5px)
rotate(-360deg);
}
}
@keyframes oprot {
from {
transform: rotate(0deg)
translate(-211.5px)
rotate(360deg);
}
to {
transform: rotate(360deg)
translate(-211.5px)
rotate(0deg);
}
}
.smile {
width: 40px;
height: 40px;
position: absolute;
top: 200px;
left: 48%;
margin: -5px;
animation: rot 20s infinite linear;
}
.smile2 {
position: absolute;
top: 201px;
right: 49%;
margin: -3px;
animation: oprot 15s infinite linear;
}
.test-plg-section {
position: relative;
z-index: 11;
}
.smaller-container .container {
max-width: 835px;
}
.smaller-container .green-lable {
display: inline-block;
width: 100%;
color: #249ea1;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 15px;
}
.smaller-container .dark-br-lbl{
color: #BF4A47;
font-size: 12px;
font-weight: 700;
line-height: 1.9em;
margin-bottom: 15px;
display: inline-block;
}
.test-plg-section h4 {
font-size: 24px;
line-height: 28px;
color:#43484F;
font-weight: 700;
margin-top: 30px;
margin-bottom: 30px;
}
.blue-dark-border-btn , .blue-dark-border-btn:hover , .blue-dark-border-btn:focus{
display: inline-block;
font-weight: 14px;
color: #00a8ff;
width: 100%;
max-width: 275px;
border:2px solid #00a8ff;
height: 40px;
line-height: 40px;
font-weight: 700;
border-radius: 5px;
text-align: center;
font-weight: 700;
text-decoration: none;
}
.call-to-action-grey {
display: inline-block;
width: 100%;
background: url(../img/developer/develop8.jpg);
background-size: cover;
min-height: 320px;
}
.call-to-action-grey h4 {
font-size: 24px;
color: #fff;
font-weight: 600;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 25px;
}
.call-to-action-grey .jambo-btn , .call-to-action-grey .jambo-btn:hover , .call-to-action-grey .jambo-btn:focus , .call-to-action-grey .jambo-btn:active{
display: inline-block;
width: 100%;
max-width: 240px;
height: 40px;
border-radius: 5px;
background: #ff334f;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 40px;
font-weight: 700;
text-decoration: none;
}
.dev-1 {
background: url(../img/developer/dev1.jpg) no-repeat center center;
background-size: cover;
}
.dev-2 {
background: url(../img/developer/dev2.jpg) no-repeat center center;
background-size: cover;
}
.dev-3 {
background: url(../img/developer/dev3.jpg) no-repeat center center;
background-size: cover;
}
@media(max-width: 767px) {
.developer-page .top-title-area h1 {
font-size: 18px;
line-height: normal;
}
.developer-page .top-title-area h1 br {
display: none;
}
.developer-page .top-title-area h1:after , .developer-page .top-title-area h1:before {
display: none;
}
.developer-icon-skech img {
width: 100%;
}
.developer-page .top-title-area {
padding-top: 25px;
}
.dark-icon-grid-section .section-title h3 {
font-size: 24px;
}
.icon-grid-box {
margin-bottom: 15px;
}
/* .dark-icon-grid-section {
padding-top: 25px;
padding-bottom: 25px;
}*/
.dark-icon-grid-section .section-title{
margin-bottom: 25px;
}
.light-icon-grid-section .section-title h3 {
font-size: 22px;
}
.bg-dark-btn {
margin-bottom: 25px;
}
.call-to-action-grey h4 {
font-size: 16px;
}
.h-header .h-right {
float: right;
margin-top: 15px;
}
.red-box {
max-width: inherit;
margin-bottom: 15px;
}
.animation-circle {
height: 423px;
width: 423px;
position: absolute;
top: 37%;
left: 16%;
}
.developer-page .row {
margin-left: -15px;
}
}
@media(min-width: 423px) and (max-width: 510px) {
.animation-circle {
height: 423px;
width: 423px;
position: absolute;
top: 37%;
left: 0px;
}
}
@media(max-width: 422px) {
.animation-circle {
height: 320px;
width: 320px;
position: absolute;
top: 37%;
left: 15px;
}
.animation-circle img{
max-width: 100%;
}
@keyframes rot {
from {
transform: rotate(0deg)
translate(-160px)
rotate(0deg);
}
to {
transform: rotate(360deg)
translate(-160px)
rotate(-360deg);
}
}
@keyframes oprot {
from {
transform: rotate(0deg)
translate(-160px)
rotate(360deg);
}
to {
transform: rotate(360deg)
translate(-160px)
rotate(0deg);
}
}
.smile {
width: 40px;
height: 40px;
position: absolute;
top: 153px;
left: 49%;
margin: -5px;
animation: rot 12s infinite linear;
}
.smile2 {
position: absolute;
top: 151px;
right: 49%;
margin: -3px;
animation: oprot 9s infinite linear;
}
}
/*Developer page style end here*/
/* Enterprice page style */
.entrprs-talktous-inner{ max-width: 1000px; margin-left: auto; margin-right: auto; }
.entrprs-talktous-img img{ max-width: 100%; height: auto; }
.entrprs-talktous-img{ position: relative; padding-left: 80px; padding-top: 30px;}
.entrprs-talktous-desc h4{ font-weight: bold; color: #43484f; margin-bottom: 15px; line-height: 25px; font-size: 24px; }
.entrprs-talktous-desc p{ color: #43484f; line-height: 25px; }
.entrprs-talktous-desc strong { font-size: 20px; color: #FF324F;}
.entrprs-talktous-desc .talk-btn { border: 1px solid #ff334f; }
.entrprs-talktous-desc { padding-top: 105px; line-height: 23px; max-width: 440px; }
.entrprs-talktous-sec{ padding-top: 50px; padding-bottom: 50px; }
.entrprs-talktous-sec .conditional_hover { top: 50px; }
.entrprs-talktous-sec .conditional_hover img.back { z-index: 1111; left: 35px; top: -35px; }
.entrprs-talktous-btnsec a{ font-size: 20px; max-width: 190px;}
@media(max-width: 992px) {
.entrprs-talktous-sec .conditional_hover { min-height: 265px; margin-left: 0px; }
.entrprs-talktous-sec { padding-bottom: 0px; }
}
@media(max-width: 767px){
.entrprs-talktous-img{
padding-left: 0;
padding-top: 0;
}
}
@media(max-width: 360px) {
.entrprs-talktous-desc { padding-top: 50px; }
.entrprs-talktous-sec .conditional_hover img.back {
left: 20px;
}
}
/* Enterprice page style End here */
/*feature page customizations*/
.entrprs-talktous-sec.feature-port {
min-height: 550px;
padding-top: 90px;
}
.entrprs-talktous-sec.feature-port .conditional_hover img.back {
z-index: 1111;
left: -20px;
top: 20px;
}
.entrprs-talktous-sec.feature-port .entrprs-talktous-desc h4 {
font-size: 24px;
font-weight: 600;
}
.entrprs-talktous-sec.feature-port .entrprs-talktous-desc p{
font-size: 14px;
color: #999999;
line-height: 21px;
}
.entrprs-talktous-sec.feature-port .entrprs-talktous-desc{
padding-top: 75px;
}
.package_banner {
display: inline-block;
width: 100%;
position: relative;
min-height: 725px;
}
.package_banner .background-image-holder {
max-height: 725px;
}
.package-pag-top {
padding-top: 150px;
}
.package_banner .over_content {
position: relative;
z-index: 11;
}
.package-pag-top h1{
font-size: 24px;
color: #43484F;
font-weight: 700;
margin-top: 0;
}
.package-pag-top h1 span {
color: #FF334F;
}
.package-pag-top p {
font-size: 14px;
color: #808080;
line-height: 24px;
margin-bottom: 25px;
}
.package-option-selector h3{
color: #43484F;
font-size: 18px;
font-weight: 700;
}
.package-option-selector .caret {
color: #249EA1;
font-size: 18px;
}
.package-option-selector .dropdown > a{
border-bottom: 2px solid #249EA1;
text-decoration: none;
}
.package-option-selector .dropdown > a i {
font-style: normal
}
.package-option-selector h3 > ul {
display: inline-block;
width: auto;
list-style: none;
position: relative;
}
.package-option-selector h3 > ul li a {
color: #7D8AA3;
}
.package-box-area {
display: inline-block;
width: 100%;
border:1px solid #D2D2D2;
border-radius: 10px;
height: 950px;
background: #fff;
position: relative;
z-index: 11;
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
.package-box-area.recommanded {
background: #FF334F;
color: #fff;
position: relative;
background-image: url(../img/packages/rec-angle.svg);
background-repeat: no-repeat;
background-position: 98% 5px;
}
.indetial-package ul li b {
font-weight: 700;
}
.price-detial-box {
display: inline-flex;
flex-direction: column;
width: 100%;
padding-top: 20px;
min-height: 145px;
border-bottom:1px solid #D2D2D2;
}
.package-box-area.recommanded span {
color: #fff;
}
.terms-list ul {
margin-top: 25px;
}
.terms-list ul li {
font-size: 14px;
}
.package-box-area.recommanded .price-detail-box {
border-color: #fff;
}
.price-detial-box span{
font-size: 14px;
color: #7D8AA3;
font-weight: 700;
}
.price-detial-box h4 span{
font-size: 18px;
color: #7D8AA3;
font-weight: 700;
vertical-align: middle;
}
.price-detial-box h4{
font-size: 60px;
font-weight: 400;
color: #333333;
margin-top: 15px;
margin-bottom: 0;
}
.package-box-area.recommanded h4 , .package-box-area.recommanded h6{
color: #fff;
}
.price-detial-box h6 {
color: #333333;
font-size: 12px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.indetial-package {
display: inline-block;
width: 100%;
padding-top: 25px;
padding-bottom: : 25px;
}
.indetial-package ul {
display: inline-block;width: 100%;
position: relative;
padding: 0;
}
.indetial-package ul li {
display: inline-block;
width: 100%;
position: relative;
padding-left: 35px;
background: url(../img/packages/red-check.png) no-repeat 17px 5px;
text-align: left;
margin-bottom: 15px;
font-size: 11px;
color: #7D8AA3;
}
.package-box-area.recommanded .indetial-package ul li {
background: url(../img/packages/white-check.png) no-repeat 17px 5px;
color: #fff;
}
.free-trial-section {
display: inline-block;
width: 100%;
position: relative;margin-top: 50px;
padding-bottom: 80px;
border-bottom:1px solid #999999;
margin-bottom: 50px;
}
.free-trial-section span {
display: inline-block;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: 600;
color: #808080;
}
.free-trial-section #getStartedBtn {
background: #FF334F;
border-radius: 5px;
display: inline-block;
width: 100%;
max-width: 399px;
height: 47px;
line-height: 47px;
color: #fff;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.saperator-parallax {
background: #f2f2f2;
padding-top: 80px;
padding-bottom: 80px;
display: inline-block;
width: 100%;
}
body.packages {
background: #fff;
}
body.packages .saperator-parallax { background:#f0f0f0;}
.para-bg {
padding: 50px 58px;
max-width: 794px;
margin-bottom: 30px;
}
.content_ent {
max-width: 75%;
position: relative;
}
.content_ent:after {
position: absolute;
top: 0;
right: -55px;
background: #FFFFFF ;
content: "";
width: 1px;
height: 100%;
}
.content_ent span {
font-size: 18px;
color: #fff;
font-weight: 600;
}
.para-bg.second-sec {
background: url(../img/packages/custom1.jpg) no-repeat 0 0;
background-size: cover;
}
.img-responsive.off {
position: relative;
z-index: 111;
}
.icon-grid-box .content-area > p {
margin-bottom: 0
}
/*feature page customizations end*/
/*trillia page*/
.trillia_banner {
display: inline-block;
width: 100%;
position: relative;
margin: 70px 0 0 ;
}
.about_trillia_section {
display: inline-block;
width: 100%;
color: #fff;
padding: 45px 0 45px 45px;
border-left: 1px solid #d2d2d2;
}
.about_trillia_section h1 {
font-size: 24px;
font-weight: 700;
}
.about_trillia_section p {
font-size: 14px;
line-height: 16.8pt;
}
.m-auto {
float: none;
margin-left: auto ;
margin-right: auto;
}
.what_trillia{
display: inline-block;
width: 100%;
padding-top: 80px;
padding-bottom: 70px;
}
.what_trillia h2 {
margin-top: 0;
font-size: 24px;
font-weight: 700;
color: #43484f;
margin-bottom: 0;
}
.what_trillia p{
font-size: 14px;
line-height: 16.8pt;
color: #7b7b7b;
margin-bottom: 25px;
margin-top: 25px;
}
.visit_trillia {
display: inline-block;
width: 160px;
height: 40px;
border:2px solid #1f404d;
color: #1f404d;
text-align: center;
line-height: 36px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
.visit_trillia:hover , .visit_trillia:focus , .visit_trillia:active {
background: #1f404d;
color: #fff;
text-decoration: none;
}
.m450 {
max-width: 450px;
display: inline-block;
}
/*November 27 2019*/
.detail-enterprise-logo {
margin-top: 30px;
margin-bottom: 33px;
padding: 0 26px;
}
.detail-box-button {
padding: 10px 30px;
display: inline-block;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
border: 1px solid #bf8f00;
border-radius: 7px;
box-shadow: 0px 0px 5px -1px #fff;
font-weight: 600;
color: #bf8f00;
cursor: pointer;
font-family: 'Open Sans' !important;
font-size: 16px;
max-width: 178px;
width: 100%;
margin: 0 auto;
margin-bottom: 28px;
}
.detail-box-button:hover, .detail-box-button:focus {
background: #bf8f00;
text-decoration: none;
color: #ffffff;
background: #bf8f00;
}
.indetial-package {
display: inline-flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.indetial-package .detail-box-button {
position: absolute;
bottom: 0;
color: #ffffff;
background: #ff3350;
max-width: 220px;
border: 1px solid #ff3350;
box-shadow: none;
}
.indetial-package .detail-box-button:hover, .indetial-package .detail-box-button:focus {
background: transparent;
text-decoration: none;
color: #ff3350;
}
.enterprise-package {
padding: 0 20px;
padding-top: 80px !important;
display: inline-flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.enterprise-package h5 {
font-size: 18px;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #8d8d8d;
font-weight: bold;
}
.enterprise-package p {
font-size: 14px;
font-weight: normal;
line-height: 2.14;
letter-spacing: normal;
text-align: center;
color: #8d8d8d;
padding-top: 25px;
}
.indetial-package.enterprise-package .detail-box-button {
position: absolute;
bottom: 0;
color: #ffffff;
background: #bf8f00;
border: 1px solid #bf8f00;
max-width: 178px;
}
.indetial-package.enterprise-package .detail-box-button:hover, .indetial-package.enterprise-package .detail-box-button:focus {
background: transparent;
text-decoration: none;
color: #bf8f00;
border: 1px solid #bf8f00;
}
.package-box-area.recommanded .indetial-package {
display: inline-flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.package-box-area.recommanded .indetial-package .detail-box-button {
position: absolute;
bottom: 0;
color: #ff3350;
background: #ffffff;
max-width: 220px;
border: 1px solid #ff3350;
box-shadow: none;
}
.package-box-area.recommanded .indetial-package .detail-box-button:hover, .package-box-area.recommanded .indetial-package .detail-box-button:focus {
background: transparent;
text-decoration: none;
color: #ffffff;
}
.package-faq {
padding: 20px 0px;
margin-top: 42px;
margin-bottom: 52px;
}
.package-faq .container {
max-width: 1054px;
width: 100%;
}
.package-faq h2 {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #4d4d4d;
text-align: center;
}
.package-faq hr {
width: 70px;
border-bottom: solid 3px #4d4d4d;
margin-bottom: 49px;
}
.package-faq p {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.0;
letter-spacing: normal;
color: #4d4d4d;
}
.package-faq .title {
font-size: 16px;
font-weight: bold;
color: #42474f;
}
.package-faq .col-md-12 p:last-child {
margin-bottom: 40px;
}
/*November 28 2019*/
.enterprise-text {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #7c89a3;
text-align: center;
margin-bottom: 0px;
padding-bottom: 15px;
padding-top: 13px;
border-top: 1px solid #D2D2D2;
background: #F2F2F2;
}
.enterprise-text a {
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #bf8f00;
margin-top: 10px;
display: block;
}
@media(min-width: 768px) and (max-width: 990px){
.pt-tab{
padding-top: 90px;
}
}
@media(max-width: 1024px){
.m450{
max-width: 100%;
}
}
@media(max-width: 767px){
/*.trillia_banner{
padding-top: 120px;
}*/
.about_trillia_section {
border-left: 0;
padding: 20px;
text-align: center;
}
.m450{
max-width: 100%;
}
.row, .thumbnails{
margin-left: -15px;
}
.package-box-area {
height: auto;
padding-bottom: 94px;
}
}
.offer_popup {background: #43484f; max-width: 400px; padding: 20px; position: fixed; bottom: 10px; right: 30px; z-index: 999; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.offer-p-left { float: left; width: 26%; text-align: center; margin-top: 5px;}
.offer-p-right { float: left; width: 74%; padding-left: 20px;}
.offer-p-left img { max-width: 100%; width: 85px;}
.offer-p-right p { max-width: 205px; color: #fff; font-weight: 700; font-size: 12px;}
.offer-p-right p span { color: #d6525a }
.offer-p-right p span.small_note{color: #fff; font-weight: 400;
color: #fff; font-size: 12px;}
.close-pop { position: absolute; cursor: pointer; width: 10px; top: 5px; right: 15px;}
/*7/12/2019 package*/
.package-box-area.recommanded .indetial-package .detail-box-button {position: absolute; bottom: 0; color: #ff3350; background: #ffffff; max-width: 220px; border: 1px solid #ff3350; box-shadow: none; } .package-box-area.recommanded .indetial-package .detail-box-button:hover,
.package-box-area.recommanded .indetial-package .detail-box-button:focus {background: transparent; text-decoration: none; color: #ffffff; }
.package-faq {padding: 20px 0px; margin-top: 42px; margin-bottom: 52px; }
.package-faq .container {max-width: 1054px; width: 100%; }
.package-faq h2 {font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4d4d; text-align: center; }
.package-faq hr {width: 70px; border-bottom: solid 3px #4d4d4d; margin-bottom: 49px; }
.package-faq p {font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.0; letter-spacing: normal; color: #4d4d4d; }
.package-faq .title {font-size: 16px; font-weight: bold; color: #42474f; }
.package-faq .col-md-12 p:last-child {margin-bottom: 40px; }
.detail-enterprise-logo {margin-top: 30px; margin-bottom: 33px; padding: 0 26px; }
.detail-box-button {padding: 10px 30px; display: inline-block; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; border: 1px solid #bf8f00; border-radius: 7px; box-shadow: 0px 0px 5px -1px #fff; font-weight: 600; color: #bf8f00; cursor: pointer; font-family: 'Open Sans' !important; font-size: 16px; max-width: 178px; width: 100%; margin: 0 auto; margin-bottom: 28px; }
.detail-box-button:hover, .detail-box-button:focus {background: #bf8f00; text-decoration: none; color: #ffffff; background: #bf8f00; }
.indetial-package {display: inline-flex !important; flex-direction: column; justify-content: center; align-items: center; }
.indetial-package .detail-box-button {position: absolute; bottom: 0; color: #ffffff; background: #ff3350; max-width: 220px; border: 1px solid #ff3350; box-shadow: none; }
.indetial-package .detail-box-button:hover, .indetial-package .detail-box-button:focus {background: transparent; text-decoration: none; color: #ff3350; }
.enterprise-package {padding: 0 20px; padding-top: 80px !important; display: inline-flex !important; flex-direction: column; justify-content: center; align-items: center; }
.enterprise-package h5 {font-size: 18px; line-height: normal; letter-spacing: normal; text-align: center; color: #8d8d8d; font-weight: bold; }
.enterprise-package p {font-size: 14px; font-weight: normal; line-height: 2.14; letter-spacing: normal; text-align: center; color: #8d8d8d; padding-top: 25px; }
.indetial-package.enterprise-package .detail-box-button {position: absolute; bottom: 0; color: #ffffff; background: #bf8f00; border: 1px solid #bf8f00; max-width: 178px; }
.indetial-package.enterprise-package .detail-box-button:hover, .indetial-package.enterprise-package .detail-box-button:focus {background: transparent; text-decoration: none; color: #bf8f00; border: 1px solid #bf8f00; }
.package-box-area.recommanded .indetial-package {display: inline-flex !important; flex-direction: column; justify-content: center; align-items: center; }
.package-box-area.recommanded .indetial-package .detail-box-button {position: absolute; bottom: 0; color: #ff3350; background: #ffffff; max-width: 220px; border: 1px solid #ff3350; box-shadow: none; }
.package-box-area.recommanded .indetial-package .detail-box-button:hover, .package-box-area.recommanded .indetial-package .detail-box-button:focus {background: transparent; text-decoration: none; color: #ffffff; }
.enterprise-text {font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #7c89a3; text-align: center; margin-bottom: 0px; padding-bottom: 15px; padding-top: 13px; border-top: 1px solid #D2D2D2; background: #F2F2F2; }
.enterprise-text {font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #7c89a3; text-align: center; margin-bottom: 0px; padding-bottom: 15px; padding-top: 13px; border-top: 1px solid #D2D2D2; background: #F2F2F2; }
.enterprise-text a {font-size: 12px; font-weight: bold; font-style: normal; color: #bf8f00; margin-top: 10px; display: block; }
.bigger .package-box-area {height: 950px; } .price-detial-box > span{display: block;}
.indx-mrk-logossec.logo-heya { min-height: 50px; max-height: 50px;}
.indx-mrk-logossec.logo-heya img { margin-top: 15px;}
@media(max-width: 460px){.btn-hire{font-size: 14px;} } @media(min-width: 768px) and (max-width: 990px) {.pt-tab {padding-top: 90px; } } @media(max-width: 1024px) {.m450 {max-width: 100%; } } @media(max-width: 767px) {/*.trillia_banner{padding-top: 120px; }*/ .about_trillia_section {border-left: 0; padding: 20px; text-align: center; } .m450 {max-width: 100%; } .row, .thumbnails {margin-left: -15px; } .bigger .package-box-area {height: auto; padding-bottom: 94px; } }
.btn-hire {
width: 190px;
}