html{ font-size: 100%; }
body{ font-family: 'Exo 2', sans-serif; font-weight: 400; line-height: inherit; color: #000000; font-size: 16px;padding-top: 136px;}

img{ max-width: 100%;}
.img-100{ width:100%;}

/* Font Weight */
.f-w-l{ font-weight:300} /* font light */
.f-w-n{ font-weight:400} /* font normal */
.f-w-m{ font-weight:500} /* font medium */
.f-w-s-b{ font-weight:600} /* font semi bold */
.f-w-b{ font-weight:700} /* font bold */
.f-w-e-b{ font-weight:800} /* font extra bold */
.f-w-b{ font-weight:900} /* font black */
.f-w-i{font-style:italic;}

/* Anchor Link Color */
a{ color: #0277bd;}
a:hover, a:focus{ outline: none; text-decoration: none; color: #2d323e;}
:focus{ outline: none; }

button{ outline: none; }
.c-pointer{cursor: pointer;}

header{position: fixed;z-index: 21;left:0;top:0;width: 100%;background-color: #fff;}

/* Margin */
.m-t-50{ margin-top: 50px; }
.m-t-40{ margin-top: 40px; }
.m-t-30{ margin-top: 30px; }
.m-t-25{ margin-top: 25px; }
.m-t-20{ margin-top: 20px; }
.m-t-15{ margin-top: 15px; }
.m-t-10{ margin-top: 10px; }
.m-t-0{ margin-top: 0px; }
.m-t-b-50{margin: 50px 0;}
.m-0{ margin:0;}
.m-b-0{margin-bottom: 0;}
.m-b-25{margin-bottom: 25px;}
.m-b-50{margin-bottom: 50px;}

/* Padding */
.p-t-b-50{ padding-top: 50px; padding-bottom:50px;}
.p-l-10{ padding-left:10px;}
.p-r-10{ padding-right:10px;}
.p-l-5{ padding-left:5px;}
.p-r-5{ padding-right:5px;}
.p-0{ padding:0;}
.p-t-50{padding-top: 50px;}
.p-b-50{padding-bottom: 50px;}
.p-b-25{padding-bottom: 25PX;}

/* Heading Introduction */
h1{ font-size: 35px;}
h2{ font-size: 30px;}
h3{ font-size: 25px;}
h4{ font-size: 22px;}
h5{ font-size: 20px;}
h6{ font-size: 18px;} 

/*Line spacing*/ 
.l-h-1{line-height: 1px;}

/* Display Property */
.table{ display: table;}
.table-cell{ display: table-cell; vertical-align: middle;}
.d-block{ display: block;}
.d-inline-b{ display: inline-block;}
.d-inline-b-100{ display: inline-block; width: 100%;}
.float-left-100{ float: left; width: 100%; }
.o-h{overflow: hidden; height:100px;}
.hide{display: none;}

/*ecomrce icon*/
.c_icon {height: 66px; width: 66px; display: inline-block; line-height: 66px; margin-bottom: 5px; }

/* Text Color */
.t-blue{ color: #0277bd; }
.t-white{ color: #fff;}
.t-l-black{ color:#37474f; }

.g-bg{ background: #eeeeee;}
.g-bg-c{ background: #fff;}
.l-b-bg{ background: #37474f; }

/* Postion Css */
.p-relative{ position: relative;}
.p-absolute{ position: absolute;}

/* Button */
.btn{ border-radius: 0; font-size: 16px; border:none; transition:all 0.15s linear 0s;}
.btn-primary{ background: #0185c7; color: #fff;}
.btn-primary:hover, .btn-primary:focus{ background: #2d323e; color: #fff;}

.btn-md{ padding:12px 20px;}
.btn-lg{ padding: 18px 30px; font-size: 18px;}

.form-control{ background-color:#fff; box-shadow: none; border-radius: 0; height:44px; }
textarea.form-control{ height:150px; }
label{ font-weight: 500; }

/* Header 
========================================================================== */
.logo{ float:left; margin:30px 0;}

.h-right{ float:right;}
.h-right .top ul{ border-bottom:solid 1px #d7dadc; padding-left: 0px;}
.h-right .top li{ float: left; display: inline-block; padding-top:12px; padding-bottom: 12px; color: #37474f;}
.h-right .top li + li{ border-left:solid 1px #dcdfe0; margin-left: 15px; padding-left: 15px;}
.h-right .top li:last-child{ border:none; padding:10px 0 9px 0;}
.h-right .top li i{ font-size: 25px; display: inline-block; vertical-align: top; margin-right: 5px;}
.h-right .top li span{ display: inline-block; line-height: 13px; font-size: 13px; font-weight: 600;}
.h-right .top li small{ display:block; font-size: 12px; font-weight: 400;}
.h-right .top li a{ font-size: 13px; font-weight: 600;}

.h-right .bottom{ padding:0; margin-top:5px; text-align: center;}
.h-right .bottom li{ display: inline-block; font-weight: 600; text-transform: uppercase; margin:0 10px; color: #37474f;}
.h-right .bottom li i{ margin-right: 4px;}
.h-right .bottom li em{ font-weight: 500;}

.main-menu{ display: inline-block;width:100%;background: #0185c7;float: left;position: relative;z-index: 1;}
.main-menu ul{margin:0;padding:0;list-style: none;}
.main-menu ul li{display: inline-block;float: left;}
.main-menu ul li a{color:#fff;display: inline-block;float: left;padding: 6px 20px 7px; font-weight: 500;border-left: 1px solid #026a9e;}
.main-menu ul li a:hover{background: #2d323e;}
.main-menu ul li:last-child a{border-right: 1px solid #026a9e;}

/*  Main Slider */
.f_slide{visibility: hidden;}
.main-slider .slick-track{font-size: 0;}
.main-slider .slick-arrow{ width: 60px; height: 120px; background-color: rgba(255, 255, 255, 0.5);}
.main-slider .slick-arrow.slick-prev{border-radius: 0px 60px 60px 0px;}
.main-slider .slick-arrow.slick-prev:before{ margin-left: -15px;}
.main-slider .slick-arrow.slick-next{border-radius: 60px 0 0 60px;}
.main-slider .slick-arrow.slick-next:before{ margin-right: -15px;}
.main-slider .slick-arrow:before, .main-slider .slick-arrow:after{ color:#000; font-size: 40px;}
.main-slider img{width: 100%;}
.main-slider .slick-arrow:hover{ background: rgba(2,119,189,5);}
.main-slider .slick-arrow:hover:before{ color: #fff;}

/* slider Bottom */
.we-server{ display: table; width: 100%;}
.we-server .col-5{ display: table-cell; width: 50%; vertical-align: middle;}
.we-server .col-5.we-server-img{ background: #86cccc; text-align: center; padding:8%;}
.we-server .col-5.content{ background: #d2ebfa; position: relative;}
.we-server .content:before{ content: ''; position: absolute; background-image: url(../images/map.png); background-repeat: no-repeat; background-size:100% auto; width: 100%; height: 100%;}

.we-server .globe{ display: inline-block; width: 49%; bottom: 45px; position: relative; text-align: center;}
.we-server .globe ul{ padding:0; margin: 0; position:relative; z-index:3; text-align: center; width:100%;}
.we-server .globe ul li{list-style: none; width: 100%; display:flex;justify-content: center; align-items: center; height: 80px;text-transform: uppercase; font-size: 16px; font-weight: 600; color: #fff;}
.we-server .globe ul li svg{ padding-right: 4px; max-height: 40px;}
.we-server .globe ul li span{ display: inline-block; vertical-align: middle; line-height: 16px;}
.we-server .globe ul li:last-child span{ padding-right:16px;}
.we-server .globe ul li a{ display:flex;justify-content: center; align-items: center; height: 80px; color: #fff;}

.we-server .globe img.p-absolute{  z-index: 2; left: 0; right: 0; margin: 0 auto;}

.we-server .info{ display: inline-block; vertical-align: top; width:48%; font-size: 50px; font-weight: 700; padding-top: 65px; position: relative;}
.we-server .info small{ font-size: 25px; font-weight: 600;}
.we-server .info span{ font-size: 32px; font-weight: 600;}

.we-server .b-block{ padding:20px 0; background: #0277bd; position: absolute; bottom: 0; left:0; z-index: 1; text-align: center;}
.we-server .b-block > img{ padding-right: 20px; padding-left: 300px;}

/* Roung Trial Button */
.trial-btn{ width: 146px; height: 146px; vertical-align:middle; border-radius: 50%; font-size: 18px; font-weight: 600; padding:26px 0;
background: #506671; 
background: -moz-radial-gradient(center, ellipse cover, #506671 0%, #000000 100%); 
background: -webkit-radial-gradient(center, ellipse cover, #506671 0%,#000000 100%); 
background: radial-gradient(ellipse at center, #506671 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#506671', endColorstr='#000000',GradientType=1 );
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);}
.trial-btn img{ margin-left: auto; margin-right: auto; padding-bottom: 5px;}
.trial-btn a:hover,.trial-btn a:focus{ color: #fff;}

/* Shopify Inform */
.s-info li{ display: inline-block; float:left; padding:5px; width: 33.3333%;overflow: hidden;}
.s-info li.ad-1{ height: 218px; width:66.6667%;}
.s-info li.ad-2{ height: 459px;}
.s-info li.ad-3{ height: 259px; margin-top: -238px;}
.s-info li.ad-4{ height: 491px; margin-top: -238px;}
.s-info li.ad-5{ height: 250px;  margin-top: -6px;}
.s-info li.ad-6{ height: 510px;  clear: left; margin-top: -231px;}
.s-info li.ad-7{ height: 278px; width:66.6667%; margin-top: -7px;}

.heading{ text-transform: capitalize; font-size: 30px;}
.heading .label{ display: inline-block; vertical-align: text-bottom; background: #0277bd; color: #fff; border-radius: 0;}

/*.how-it-works .menu{position:relative;margin:0 -10px;padding:0;list-style:none;}
.how-it-works .menu li{ float: left; width: 33.33%; position:relative; z-index:1; display:block; padding:0 10px; text-align:center;}
.how-it-works .menu li + li{ border-left:solid 1px transprent;}
.how-it-works .menu li.active div{background:#37474f;z-index:1; color:#fff;}
.how-it-works .menu div:before{ font-size:25px}
.how-it-works .menu div{ color: #000; border-left:solid 1px #fff; background: #eeeeee; padding:80px 20px;line-height:1.5; position:relative; display:block; overflow:visible; -webkit-transition:color .2s; transition:color .2stext-overflow:ellipsis; white-space:nowrap;}
.how-it-works .menu div svg{display: inline-block; vertical-align: middle;}
.how-it-works .menu li.active svg, .how-it-works .menu li.active .cls-2 {fill:#b3e5fc;}
.how-it-works .menu div p{ text-transform:uppercase; text-align: center; line-height: 22px; vertical-align:middle;font-size:28px;font-weight:600;}
.how-it-works .menu div .ecom_tag{font-size: 18px;}
.how-it-works .menu div .view_more{font-size: 18px; text-decoration: underline;display: none;}
.how-it-works .menu div a{color: #000;text-decoration: underline;}
.how-it-works .menu div span small{ font-size: 18px; font-weight: 400; }
.how-it-works .menu li.active div:first-child::before{right:auto;left:0}
.how-it-works hr{ margin-top: 25px; margin-bottom: 25px; border-color:#afb5b9; border-style: dashed; }*/
/*.how-it-works .menu li.active div::after{position:absolute;top:100%;left:50%;margin-left:-15px; margin-top: -1px; width:0;height:0;border:solid transparent;border-width:15px;border-top-color:#37474f;content:'';pointer-events:none}*/

.how-it-works .menu{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;margin:0 auto;padding:0;max-width:1200px;list-style:none;-ms-box-orient:horizontal;-ms-box-pack:center;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.how-it-works .menu li{position:relative;z-index:1;display:block;margin:0;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;}
.how-it-works .menu li + li{ border-left:solid 1px #E6EEF1;}
.how-it-works .menu li.active div{background:#37474f;z-index:1; color:#fff;}
.how-it-works .menu div:before{ font-size:25px}
.how-it-works .menu div{ color: #000; border-left:solid 1px #fff; background: #eeeeee; padding:30px 0;line-height:1.5; position:relative; display:block; overflow:visible; -webkit-transition:color .2s; transition:color .2stext-overflow:ellipsis; white-space:nowrap;}
.how-it-works .menu div svg{display: inline-block; vertical-align: middle;}
/*.how-it-works .menu div span{ text-transform:uppercase; display:inline-block; text-align: left; padding-left:10px; line-height: 22px; vertical-align:middle;font-size:22px;font-weight:600; font-family:{{ settings.font_body  | remove: 'Google+'  }}, sans-serif;}*/
.how-it-works .menu div span small{ font-size: 18px; font-weight: 400; }
.how-it-works .menu li.active div::after{position:absolute;top:100%;left:50%;margin-left:-15px; margin-top: -1px; width:0;height:0;border:solid transparent;border-width:15px;border-top-color:#37474f;content:'';pointer-events:none}
.how-it-works .menu li.active div:first-child::before{right:auto;left:0}
.how-it-works hr{ margin-top: 25px; margin-bottom: 25px; border-color:#afb5b9; border-style: dashed; }

/*SEO & Paid Ad*/
.how-it-works .seo div p{ text-align: center; text-transform: none; line-height: 22px; vertical-align:middle;font-size:22px;color:#fff;font-weight:600;}
/*.how-it-works .seo div{ color: #000; border-left:solid 1px #fff; background: #21adbe; padding:80px 0;line-height:1.5; position:relative; display:block; overflow:visible; -webkit-transition:color .2s; transition:color .2stext-overflow:ellipsis; white-space:nowrap;}*/
.how-it-works .seo li:first-child div{background-color: #17a768;}
.how-it-works .seo li:nth-child(2) div{background-color: #104386;}
.how-it-works .seo li:nth-child(3) div{background-color: #d33534;}
.how-it-works .seo li:last-child div{background-color: #21adbe;}
.seo_info h1 {color: #0277bd;text-transform: uppercase;font-size: 37px;}
.sec_center {position: relative;}
.seo_info {position: absolute;bottom: 0;left: 0;}
.seo_info p{ margin-bottom: 0; }
.seo_ad p:before{ content: "\f046"; font-family:'FontAwesome'; position: absolute; left: 15px; top: auto;margin-top: 5px;}
.seo_ad p {padding: 20px 0px 0px 25px;}
.seo_ad p:last-child{ padding-bottom: 0; margin-bottom: 0; }
.seo_ad img{display: block; margin: auto; margin-bottom: 30px;}
.c_icon_seperate { margin-bottom: 10px; height: 66px;width: 66px;display: inline-block;line-height: 66px;background-color: #0277bd;border-radius: 50%;}
.how-it-works .seo_seperate li:first-child div{background-color: #ffffff;}
.how-it-works .seo_seperate li:nth-child(2) div{background-color: #ffffff;}
.how-it-works .seo_seperate li:nth-child(3) div{background-color: #ffffff;}
.how-it-works .seo_seperate li:last-child div{background-color: #ffffff;}
.how-it-works .seo_seperate div {background: #ffffff; box-shadow: 1px 1px 10px 1px #a6a6a6; padding:50px 30px;}
.how-it-works .seo_seperate li { float: left; width: 25%; position: relative; z-index: 1; display:inline-block; padding: 10px; text-align: center; box-shadow:none; }
.how-it-works .seo_seperate div p {text-align: center;text-transform: none;padding-left: 10px;line-height: 22px;vertical-align: middle;font-size: 18px;color: #000;font-weight: 600; margin-bottom: 0;}
.seo_ad_seperate h1 {font-size: 25px;color: #0277bd;}
.seo_ad_seperate p:before{ content: "\f046"; font-family:'FontAwesome'; position: absolute; left: 15px; top: auto;margin-top: 5px;}
.seo_ad_seperate p {padding: 20px 0px 0px 25px;}
hr{width: 100%;}

.table.seo_paid_ad{ display: table; margin: 0; padding:40px 0;}
.table.seo_paid_ad .table-cell{display: table-cell; vertical-align: middle;  }
.table.seo_paid_ad .table-cell.content_seo{width: 60%;}
.table.seo_paid_ad .table-cell.content_seo h1{ margin-top: 0; }
.table.seo_paid_ad .table-cell.content_seo ul{ padding:0; margin:0; list-style: none; }
.table.seo_paid_ad .table-cell.content_seo ul li{position: relative; padding-left: 25px; margin-bottom: 10px;}
.table.seo_paid_ad .table-cell.content_seo ul li:before{ content: "\f046"; font-family:'FontAwesome'; position: absolute; left:0px; top: auto; margin-top: 5px;}

.table.seo_paid_ad.b_top{border-top:1px solid #cfcfcf;}
.table.seo_paid_ad .p_l_30{ padding-left: 30px; }

.how-it-works.seo_paid_ad_main .menu li{ width: 25%; }
.how-it-works.seo_paid_ad_main .menu li div{ padding:50px 20px; }

/* Run Your Business */
.r-business .tab-content{ min-height: 317px; }
.r-business .left{ padding:0 30px 0 0; margin: 0; }
.r-business .left li{ list-style: none; float: left; width: 100%; position: relative;}
.r-business .left li + li{ margin-top: 1px; }
.r-business .left div{ background: #fff;  position: relative; display:block; font-size: 20px; color: #37474f; text-transform: uppercase; height: 60px; line-height: 60px; padding-left: 20px;}
.r-business .left li.active div{ background: #0277BD; color: #fff;}
.r-business .left li.active div:after{  background:url(../images/run-business-arrow-active.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.r-business .left div:after{ content: ''; width: 30px; height: 60px; top:0; right: -30px; position: absolute; background:url(../images/run-business-arrow.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.r-business .left div i{ padding-right: 13px; }
.r-business .right h3{ color: #7cceff; }

/* Our App */
.our-app ul{ padding:20px 0 0 0; margin: 0 -15px;}
.our-app li{ display: inline-block; float: left; width: 25%; padding:15px;}

.our-app-new ul{ padding:20px 0 0 0; margin: 0 -15px;}
.our-app-new li{ display: inline-block; float: left; width:33.33%; padding:15px;}
.our-app-new .info{ display: inline-block; width: 100%;text-align: center; color: #fff; background:#0277bd; padding:15px 0; }
.our-app-new .info .review{ background:#fff; color:#000; margin-left:5px; border-radius: 5px; padding:4px 8px; font-size: 14px; }

.our-app-new .wishlist .info{ background:#58209f; }
.our-app-new .delivery .info{ background:#045c64; }
.our-app-new .mobiapp .info{ background:#2c1410; }
.our-app-new .imageagram .info{ background:#002547; }
.our-app-new .checkout .info{ background:#7a0049; }
.our-app-new .cod .info{ background:#c80a16; }

.s-business ul{ padding:45px 0; margin: 0 -10px;}
.s-business ul li{ display: inline-block; float:left; width: 14.28%; padding: 0 10px;}
.s-business ul li img{ display: block; margin: 0 auto; }

/* Our shopify App */
.sp_our_item_main {padding-top: 30px;}
.sp_our_shopapp_inner{box-shadow: 0px 0px 8px 0px #b3b3b3;border-radius: 4px;}
.sp_our_inner_img{text-align: center;padding: 30px 0 0;background-image: url(../images/sp_our_shopifyapp_bg.jpg);background-repeat: no-repeat;background-size: cover;border-radius: 4px;}
.sp_our_inner_img img{filter: drop-shadow(2px 4px 6px #929191);}
.sp_our_overlay_border{background-color: #0185C6;height: 6px;margin-top: -32px;}
.sp_our_inner_content{padding: 36px 30px 30px;background-color: #fff;border-radius: 4px;}
.sp_our_card_name{font-size: 18px;margin: 0 0 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sp_our_card_name a{font-size: 18px;color: #2d323e;line-height: 22px;}
.sp_our_card_name a:hover{color: #0277bd;}
.sp_our_card_details{font-size: 14px;color: #878787;margin-bottom: 3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 35px;}
.sp_our_rating .fa-star {color: #CFCFCF;margin-right: 2px;}
.sp_our_rating .fa-star.checked {color: #ffcd00;}
.sp_our_rating > .fa-star.half{position: relative;}
.sp_our_rating > .fa-star.half:after {content: "\f089";position: absolute;left: 0;color: #ffcd00;}
.sp_our_item{margin-bottom: 30px;}
.sp_our_rating_readmore {display: flex;justify-content: space-between;}

/* Our Client */
.our-client{ position: relative; background: no-repeat center center;background-size: cover; color: #000;}
.our-client .our-client-slider { margin:0 -15px; padding-left: 0; padding-top: 30px;list-style: none;}
.our-client .our-client-slider > li{width: 33.33%;float: left;padding: 0 15px;}
.our-client .our-client-slider .slick-slide li{ position: relative; display:table; padding:0 15px;}
.our-client .our-client-slider .content {color: #37474f;}
.our-client .our-client-slider .content .r_link{display: none;}
.our-client .content{ background: #fff; display: table-cell; margin-left: 135px; padding:30px; position: relative;}
.our-client .content:before{  content: '“';font-size: 49px; font-style: normal; position: absolute; z-index: 1; opacity:1; top: 0; left: 10px; color: #0277bd; top:6px;font-family:Georgia, "Times New Roman", Times, serif;}
.our-client .content:after{ content: '”'; font-size: 49px; font-style: normal; position: absolute; z-index: 1; opacity:1; top: 0; right: 10px; color: #0277bd; top:130px;font-family:Georgia, "Times New Roman", Times, serif;}
.our-client .img{ width: 145px; padding-right: 30px; border-radius: 50%; display: table-cell; vertical-align: middle;}
.our-client .img img{ border-radius: 50%;}

.our-client .slick-dots{ position: relative; padding-top: 20px; bottom: 0;}
.our-client .slick-dots li button:before{ content: "\f10c"; font-family:'FontAwesome'; color: #929292; font-size: 24px;}
.our-client .slick-dots li.slick-active button::before{ content: "\f192"; color: #0277bd;}

/* Counter */
.counter ul{ padding:0; margin: 0;}
.counter ul li{ display: inline-block; float: left; width: 25%; text-align: center;}
.counter ul li i{ color: #0277bd; font-size: 45px;}
.counter ul li div{ font-size: 26px; color: #37474f; margin: 5px 0;}
.counter ul li strong{ font-size: 35px;}

/* We Buit*/
.we-built .tab{ height:178px; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;  margin:0 auto; padding:30px 0 0 0; list-style:none; -ms-box-orient:horizontal; -ms-box-pack:center; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center}
.we-built .tab li{  position:relative; display:block; margin:0; text-align:center; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; width:100%; }
.we-built .tab li.active:after{ content: ''; position: absolute; left:0; bottom: -1px; width:100%; border-bottom: solid 5px #0f7247;  }
.we-built .tab div{ top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position:relative; display:block; font-size:20px; font-weight: 600; color: #fff; text-transform: uppercase;}
.we-built .tab img{ margin-bottom: 10px; }
.we-built .tab li.active:before{top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute;	pointer-events: none; border-color: rgba(15, 114, 71, 0); border-top-color: #0f7247; border-width: 15px; margin-left: -15px; }

.sea-green-light{ background: rgba(23,167,104,.1); }
.sea-green{background:#17a768;}
.we-built .tab li.sea-green.active:after{ border-bottom: solid 5px #0f7247;}
.we-built .tab li.sea-green.active:before{ border-top-color: #0f7247;}

.navy-blue-light{ background: rgba(16,67,134,.1); }
.navy-blue{background:#104386;}
.we-built .tab li.navy-blue.active:after{ border-bottom: solid 5px #033474;}
.we-built .tab li.navy-blue.active:before{ border-top-color: #033474;}

.fire-brick-light{ background: rgba(211,53,52,.1); }
.fire-brick{background:#d33534;}
.we-built .tab li.fire-brick.active:after{ border-bottom: solid 5px #aa1a19;}
.we-built .tab li.fire-brick.active:before{ border-top-color: #aa1a19;}

.yellow-green-light{ background: rgba(122,177,22,.1); }
.yellow-green{background:#7ab116;}
.we-built .tab li.yellow-green.active:after{ border-bottom: solid 5px #628d13;}
.we-built .tab li.yellow-green.active:before{ border-top-color: #628d13;}

.cyan-light{ background: rgba(33,173,90,.1); }
.cyan{background:#21adbe;}
.we-built .tab li.cyan.active:after{ border-bottom: solid 5px #1a8a98;}
.we-built .tab li.cyan.active:before{ border-top-color: #1a8a98;}

.orange-red-light{ background: rgba(228,99,5,.1); }
.orange-red{background:#e46305;}
.we-built .tab li.orange-red.active:after{ border-bottom: solid 5px #be5000;}
.we-built .tab li.orange-red.active:before{ border-top-color: #be5000;}

.we-built .content{ padding:50px 35px 30px 35px; }
.we-built .content ul{ padding:0; margin:-15px; }
.we-built .content li{ display: inline-block; padding:15px; float: left; width: 25%;}
.we-built .content li a{ position:relative; background: #fff;  border:solid 1px #cfcfcf;display: inline-block;; width:100%; height: 145px;}
.we-built .content li img{position: relative; top:50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}

.coming_soon_section{ margin: 100px 0px; text-align: center; }

/* Footer */
.footer { padding-top: 50px}
.footer h3{ margin-top:0; margin-bottom: 20px;}
.footer .f-menu ul{ float: left; padding-left: 0; margin-top: -12px;}
.footer .f-menu ul li{ width:100%; list-style: none; display: inline-block; padding: 12px 0 12px 20px; border-bottom: solid 1px #cfcfcf; position: relative;}
.footer .f-menu ul li:last-child{ border-bottom: none;}
.footer .f-menu ul li a{ color: #000;}
.footer .f-menu ul li:before{ content: "\f101"; font-family:'FontAwesome'; position: absolute; left: 0; top: 15px;}

.footer .contact-info ul{ padding: 0;}
.footer .contact-info li{ list-style: none; position: relative; padding-left: 60px;} 
.footer .contact-info li + li{ margin-top: 28px;}
.footer .contact-info li strong{ font-size: 18px;}
.footer .contact-info li i{ position: absolute; width: 50px; height: 50px; left: 0; font-size: 23px; color: #0277bd; line-height: 50px; text-align: center; background: #fff; border-radius: 50%;}
.footer .contact-info li a{ color: #000;}

.copy-right{ background: url(../images/copy-right-border.jpg) repeat-x top left; text-align: center; padding-top: 50px; color: #37474f; font-size: 14px; padding:35px 0; margin-top: 25px; line-height: 25px;}

#toTop{ position: fixed; bottom:20px; right:20px; cursor: pointer; display: none; z-index: 99;}
#toTop .fa{ background: #37474f; color: #fff; display: inline-block; padding:15px; font-size: 16px;}

/* Contact Page */
.i-height{ min-height: 50vh; }
.inner-p h1{ font-size: 30px; }
.p-contact .form_section ul{ padding:35px 0 0 0; margin:0 -12px; }
.p-contact .form_section li{ padding:0 12px;}
.p-contact .w-50{ float: left; width: 50%; }

/* App Detail*/
.app-banner{ background:url(../images/app-banner-bg.jpg) no-repeat center center; width: 100%; background-size: cover; position: relative; padding-bottom: 10vh;display: inline-block;}
.app-banner:before{ content: ''; width: 100%; height: 100%; position: absolute; background:rgba(0,0,0,0.5); }
.app-banner .middle{ max-width: 640px; margin: 0 auto; position: relative; z-index: 1; padding: 0 15px;  }
.app-banner .middle img:first-child{ z-index: 1; position: relative; }
.app-banner .f-img{ border:solid 6px #c3c3c1; border-radius: 6px; margin-top: -30px; z-index: -1;}
.app-banner .middle img:last-child{ margin-top: -5px; }

.app-detail .list-a { padding:0 0 0 15px;}
.app-detail .list-a li{ position: relative;}
.app-detail .list-a li + li{ margin-top: 10px; }
.app-detail .list-a li a{ color: #37474f; }

.app-detail .slick-slider img{ width: 100%; }

.screen-shot{ margin:0 -5px; padding:20px 0 0 0;}
.screen-shot li{ padding:5px; float: left; width:100%; text-align: center; display: inline-block;}
.screen-shot li a{ display: inline-block; width: auto; overflow: hidden; border:solid 0px #cdcdcd; }

/* Theme Detail */
.w-details-wrap .main-part {margin: 0 -20px;}
.w-details-wrap .main-image{width: 68%;float: left;padding: 0 20px;}
.w-details-wrap .main-image img {display: block;margin: auto;}
.w-details-wrap .t-detail{width: 32%;float: left;padding: 0 20px;}
.t-detail .t-price{font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.t-detail .btn-demo{background: #2d323e;color: #fff;margin-left: 10px;}
.t-detail .btn-demo:hover{background: #0185c7;}
.t-detail .p-description{width: 100%;float: left;margin-top: 10px;}
.t-detail .p-description ul{margin:0;padding: 0 0 0 20px;}
.t-detail .p-description ul li{margin-bottom: 8px;}
.w-details-wrap .full-feature{padding:0px 0 45px;width: 100%;float: left;border-bottom: 1px solid #cfcfcf;}
.w-details-wrap .full-feature .col-sm-4:nth-child(3n+1){clear:left;}
.w-details-wrap .full-feature h5{border-bottom: 1px solid #cfcfcf;padding-bottom: 10px;margin-bottom: 12px; margin-top: 30px;}
.w-details-wrap .full-feature ul{list-style: none;margin:0;padding: 0;}
.w-details-wrap .full-feature ul li{position: relative;padding-left: 25px;margin-bottom: 5px;}
.w-details-wrap .full-feature ul li:before{content: "\f046";font-family: 'FontAwesome';position: absolute;left: 0px;top: auto;margin-top: 5px;}
.w-details-wrap .work_section {width: 100%;float: left;}
.w-details-wrap .work_section:last-child .table {border-bottom: 1px solid #cfcfcf;}
.w-details-wrap .work_section .table {width: 100%;padding: 50px 0;margin: 0;border-top: 1px solid #cfcfcf;text-align: center;}
.w-details-wrap .work_section .table-cell {width: 50%;vertical-align: middle;}
.w-details-wrap .work_section .w_content {padding: 0 40px;}
.work_section .w_image img {border: 1px solid #d2d2d2;box-shadow: 0 0 15px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.work_section .w_content h1 {font-size: 22px;margin: 12px 0 20px;}
.work_section .w_content p {font-size: 16px;}
.w-details-list {width: 100%;display: inline-block;padding: 50px 0 30px;}
.w-details-list .row {margin: 0 -10px;}
.w-details-list .col-lg-4 {padding: 0 10px;}
.w-details-list .w_d_box {width: 100%;display: table;padding: 25px 33px;margin: 0 0 20px;box-shadow: 0 0 10px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.1);}
.w-details-list .w_d_box .w_d_icon {width: 64px;height: 64px;}
.w-details-list .w_d_box .w_d_icon img {max-height: 100%;display: block;margin: auto;}
.w-details-list .w_d_box .w_d_title {padding-left: 20px;}
.w-details-list .w_d_box h1 {font-size: 20px;margin: 0;}

.store-include{width: 100%;float: left;padding: 20px 0 0;border-top: 1px solid #cfcfcf;margin-top: 30px;}
.store-include h3{color: #0277bd;margin-bottom: 20px;}
.store-include ul{list-style: none;padding: 0;margin:0;}
.store-include ul li{width: 50%;float: left;position: relative;padding-left: 25px;margin-bottom: 18px;}
.store-include ul li:before{content: "\f046";font-family: 'FontAwesome';position: absolute;left: 0px;top: auto;margin-top: 5px;}

.bg-blue {background: #e8f5fc;}
.e-page-slide .slick-list  {margin: 0 -15px;}
.e-page-slide .slick-slide {padding: 0 15px;}
.e-page-slide .page_image {width: 100%;float: left;}
.e-page-slide .page_image .b-shadow {box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.e-page-slide .page_image img {display: block;margin: auto;}
.page_image .i-detail {padding-top: 15px;text-align: center;}
.page_image .i-detail a, .page_image .i-detail a:hover {font-weight: 500;color: #000;}
.e-page-slide .slick-prev, .e-page-slide .slick-next {height: 30px;}
.e-page-slide .slick-prev:before, .e-page-slide .slick-next:before {font-size: 30px;color: #000;}

.anz-payment-pg .btn{background: #59a02c;color: #fff;font-size: 20px;}
.anz-payment-pg .btn i{margin-left: 8px;}