| Current File : /home/itiffy/public_html/blog/wp-content/themes/itiffyblog/assets/css/style.css |
@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Play:400,700|Satisfy|Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
/*
font-family:'Ubuntu', sans-serif;
font-family:'Play', sans-serif;
font-family:'Satisfy', cursive;
font-family:'Quicksand', sans-serif;
font-family:'Lato', sans-serif;
*/
@font-face {
font-family:'ImpactRegular';
src:url('../fonts/impact-webfont.eot');
src:url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/impact-webfont.woff') format('woff'),
url('../fonts/impact-webfont.ttf') format('truetype'),
url('../fonts/impact-webfont.svgz#ImpactRegular') format('svg'),
url('../fonts/impact-webfont.svg#ImpactRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Pristina';
src:url('../fonts/Pristina-Regular.eot');
src:url('../fonts/Pristina-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Pristina-Regular.woff2') format('woff2'),
url('../fonts/Pristina-Regular.woff') format('woff'),
url('../fonts/Pristina-Regular.ttf') format('truetype'),
url('../fonts/Pristina-Regular.svg#Pristina-Regular') format('svg');
font-weight:normal;
font-style:normal;
}
/* -----------------------------------------------------
------------------- General Styles ------------------
----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#3a3939; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}
img {margin:0; padding:0; outline-style:none; outline-width:0;}
@-webkit-viewport {width:device-width; }
@-moz-viewport {width:device-width; }
@-ms-viewport {width:device-width; }
@-o-viewport {width:device-width; }
@viewport {width:device-width; }
body {margin:0; padding:0; font-family:'Ubuntu', sans-serif; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}
.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}
.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}
strong {font-weight:bold;}
em {font-style:italic;}
.img-left {float:left; margin:20px 20px 20px 0;}
.img-right {float:right; margin:20px 0 20px 20px;}
/* -----------------------------------------------------
------------------- Header Styles -------------------
----------------------------------------------------- */
.header-section {margin:0 auto; padding:26px 0; width:100%; height:76px; position:fixed; top:0; left:0; z-index:999; font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:22px; color:#FFFFFF; background-color:rgba(0,0,0,0.5);}
.header-section a {color:#FFFFFF;}
.header-section a:hover {color:#00b5e0;}
.header-section figure {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-25px; z-index:999;}
.header-section span.gap {padding:0 5%;}
.inner-header-section {margin:0 auto; padding:26px 0; width:100%; height:76px; position:fixed; top:0; left:0; z-index:999; font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:22px; color:#6d6d6d; background-color:#FFFFFF;}
.inner-header-section a {color:#6d6d6d;}
.inner-header-section a:hover {color:#00b5e0;}
.inner-header-section figure {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-25px; z-index:999;}
.inner-header-section span.gap {padding:0 5%;}
.portfolio-header-section {margin:0 auto; padding:26px 0; width:100%; height:76px; position:fixed; top:0; left:0; z-index:999; background:#03080b url(../images/portfolio-header.png) no-repeat top; font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:22px; color:#ffffff;}
.portfolio-header-section a {color:#ffffff;}
.portfolio-header-section a:hover {color:#ffffff;}
.portfolio-header-section figure {position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-30px; z-index:999;}
.portfolio-header-section span.gap {padding:0 5%;}
.portfolio-header-section #cd-menu-trigger .cd-menu-icon {background-color:#00b5e0;}
.portfolio-header-section #cd-menu-trigger.is-clicked .cd-menu-icon::before, .portfolio-header-section #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color:#00b5e0;}
.responsive-header-section {display:none;}
.top-main-padding {padding-top:76px;}
/* -----------------------------------------------------
------------------- Banner Styles -------------------
----------------------------------------------------- */
.banner-section {margin:0 auto; padding:0; width:100%; height:auto; position:relative;}
.banner-section .content {-moz-box-orient:vertical; -moz-box-pack:center; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; background-color:rgba(0,0,0,0.7);}
/*.banner-section h1 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1.2; color:#FFFFFF; text-transform:uppercase;}
.banner-section .btn-default {margin:50px auto 0 auto; padding:10px; width:230px; height:50px; background-color:#00b5e0; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:30px; color:#FFF;}
.banner-section .btn-default a {color:#FFF;}*/
video {width:100%; position:absolute; top:0px; left:0;}
.video {display:block; overflow:hidden; height:100vh; position:relative;}
.slide-01 {background:url(../images/slide-01-bg.png) no-repeat top; height:100vh; padding-top:18vh;}
.slide-01 h1 {font-family:'ImpactRegular'; font-size:64px; font-weight:normal; line-height:1.2; color:#00b5e0; text-transform:uppercase; padding:25px 0;}
.slide-01 h1 span {display:block;}
.slide-01 h1 strong {font-size:78px; font-weight:normal; color:#ffce2e; display:block;}
.slide-01 .blue-box {background-color:#11b6e2; height:380px; margin-right:20px; position:relative;}
.slide-01 .blue-box .white-box {position:absolute; top:20px; left:20px; width:100%; min-height:400px; background-color:#FFFFFF; padding:20px;}
.slide-01 .blue-box .white-box ul {margin:0; padding:0; list-style:none;}
.slide-01 .blue-box .white-box .next {position:absolute; right:0; bottom:0; width:50px; height:50px; background-color:#11b6e2; text-align:center; font-size:30px; line-height:50px; color:#FFFFFF;}
.slide-01 .blue-box .white-box .prev {position:absolute; right:52px; bottom:0; width:50px; height:50px; background-color:#11b6e2; text-align:center; font-size:30px; line-height:50px; color:#FFFFFF;}
.slide-01 .blue-box .white-box .view {position:absolute; left:0; bottom:0; width:auto; height:50px; background-color:#ffce2e; text-align:center; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:50px; color:#1e2020;}
.slide-01 .blue-box .white-box .view a {color:#1e2020; padding:0 30px; display:block;}
.slide-01 .blue-box .white-box .slidehed {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1.2; color:#595959; padding:10px 0; text-align:center;}
.slide-01 .blue-box .white-box p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4;}
.slide-01 .blue-box .white-box [class*="col-"] {padding:15px;}
.slide-01 .blue-box .white-box img {display:inline-block !important;}
.slide-02 {height:100vh; padding-top:18vh; text-align:center;}
.slide-02 h2 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1.2; color:#FFFFFF; padding-bottom:20px;}
.slide-02 h2 span {color:#40c8e8;}
.slide-02 [class*="col-"] {padding:30px 15px;}
.slide-02 .col-sm-2 {width:20%;}
.slide-02 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.slide-02 h4 {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.slide-02 img {display:inline-block !important;}
.slide-03 {height:100vh; padding-top:18vh;}
.slide-03 img {display:inline-block !important;}
.slide-03 h3 {font-family:'Play', sans-serif; font-size:36px; font-weight:400; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.slide-03 h3 small {font-size:18px; display:block; text-transform:uppercase; color:#FFFFFF;}
.slide-03 h3 .txt01 {font-family:'ImpactRegular'; font-size:60px; display:block; text-transform:uppercase; color:#7ec8e5;}
.slide-03 h3 .txt02 {font-family:'ImpactRegular'; font-size:60px; display:block; color:#f04d50;}
.slide-03 h3 .txt03 {font-family:'ImpactRegular'; font-size:72px; display:block; text-transform:uppercase; color:#74bf44;}
.slide-04 {height:100vh; padding-top:18vh; text-align:center;}
.slide-04 h2 {font-family:'ImpactRegular'; font-size:72px; font-weight:normal; line-height:1.2; color:#FFFFFF; padding-bottom:20px;}
.slide-04 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding-bottom:20px;}
.slide-04 img {display:inline-block !important;}
.responsive-banner-section {display:none;}
.inner-banner-section {margin:0 auto; padding:70px 0; width:100%; background-color:#00b5e0; position:relative; text-align:center;}
.inner-banner-section h1 {font-family:'ImpactRegular'; font-size:72px; font-weight:normal; line-height:1; color:#FFFFFF; text-transform:uppercase;}
.inner-banner-section p {font-family:'Play', sans-serif; font-size:15px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.inner-banner-section .icon-logo {position:absolute; left:50%; bottom:-45px; z-index:999; margin-left:-117px;}
.portfolio-banner-section01 {min-height:160px; padding:50px 0;}
.portfolio-banner-section01 .white-box {margin:0 auto; padding:0; max-width:1170px; height:60px; border:1px solid #868f91; border-radius:5px; font-family:'Play'; font-size:24px; font-weight:400; line-height:60px; color:#FFFFFF; text-transform:uppercase;}
.portfolio-banner-section01 .white-box a {color:#FFFFFF; display:block; padding:0 15px;}
.portfolio-banner-section01 .white-box a img {margin-top:-13px; margin-right:12px; vertical-align:top;}
.portfolio-banner-section02 {min-height:220px; padding-top:50px; text-align:center;}
.portfolio-banner-section02 h1 {font-family:'Play'; font-size:90px; font-weight:700; line-height:1; color:#9de8f7; text-transform:uppercase;}
.portfolio-banner-section02 p {font-family:'Play'; font-size:14px; font-weight:400; line-height:1.4; color:#FFFFFF; text-transform:uppercase; padding:10px 0;}
.portfolio-banner-section02 p a {color:#FFFFFF;}
.portfolio-banner-section02 p a:hover {color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.portfolio-banner-section03 {min-height:250px; text-align:center;}
.portfolio-banner-section03 ul {margin:0; padding:0; list-style:none;}
.portfolio-banner-section03 ul li {margin:0 15px; padding:0; display:inline;}
.portfolio-banner-section03 ul li a {display:inline-block; width:170px; height:250px;}
.portfolio-banner-section03 ul li a img {border:1px solid #7f888a;}
.portfolio-banner-section03 ul li a:hover img, .portfolio-banner-section03 ul li a.active img {border-color:#FFFFFF;}
.portfolio-banner-section03 ul li a.active {background:url(../images/active-arrow.png) no-repeat bottom;}
/* -----------------------------------------------------
------------------ Content Styles -------------------
----------------------------------------------------- */
.content-section {margin:0 auto; padding:0; width:100%; height:auto;}
.home-section01 {background-color:#FFFFFF; padding:40px 0; text-align:center;}
.home-section01 h2 {font-family:'Satisfy', cursive; font-size:42px; font-weight:400; line-height:1.2; color:#00b5e0; padding-bottom:20px;}
.home-section01 ul {margin:0; padding:0; list-style:none;}
.home-section01 ul li {margin:9px; padding:0; display:inline;}
img.grayscale {filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%);}
img.grayscale:hover {filter:none; -webkit-filter:grayscale(0%); transition:all .4s ease-in-out;}
.home-section01a {background-color:#FFFFFF; padding:60px 0 0 0; text-align:center;}
.home-section01a h2 {font-family:'ImpactRegular'; font-size:60px; font-weight:400; line-height:1.2; color:#fbaa19; text-transform:uppercase; padding-bottom:20px;}
.home-section01a p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#4c4c4c; padding:15px 0;}
.home-section02 {border-bottom:1px solid #e9e8e8; padding:50px 0; text-align:center;}
.home-section02 h3 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1.2; color:#00b5e0; text-transform:uppercase; padding-bottom:20px;}
.home-section02 figure {padding:20px 0;}
.home-section02 h4 {font-family:'ImpactRegular'; font-size:24px; font-weight:normal; line-height:1.2; color:#949a9b; padding:5px 0;}
.home-section02 p {font-family:'Play', sans-serif; font-size:15px; font-weight:400; line-height:1.4; color:#4c4c4c; padding:5px 0;}
.home-section03 {background-color:#FFFFFF; padding:50px 0; text-align:center;}
.home-section03 h2 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1.2; color:#ffc005; text-transform:uppercase;}
.home-section03 h4 {font-size:24px; font-weight:300; line-height:1.2; color:#000000; padding:10px 0;}
.home-section03 p {font-family:'Play', sans-serif; font-size:15px; font-weight:400; line-height:1.4; color:#4c4c4c;}
#tabs-container {padding-top:30px;}
#res-tabs-container {display:none; text-align:center;}
#res-tabs-container [class*="col-"] {padding:15px;}
#res-tabs-container img {border:8px solid #d9251b;}
.home-section03 .tabs-menu {margin:0; padding:0; list-style:none;}
.home-section03 .tabs-menu li {margin:0; padding:10px 0;}
.home-section03 .tabs-menu li img {display:inline-block; border:8px solid #F2F2F2;}
.home-section03 .tabs-menu li.current img {border:8px solid #d9251b;}
.home-section03 .tab-content {display:none;}
.home-section03 #tab-1 {display:block;}
.home-section04 {background-color:#ff7443; padding:60px 0;}
.home-section04 h4 {font-family:'ImpactRegular'; font-size:40px; font-weight:normal; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.home-section04 .btn-get {margin:0 auto; padding:0; width:100%; height:50px; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:50px; color:#FFFFFF; text-transform:uppercase; text-align:center;}
.home-section04 .btn-get a {color:#FFFFFF; display:block; background-color:#1c1c1c; border-radius:25px;}
.home-section04 .btn-get a:hover {background-color:#00b5e0; transition:all .4s ease-in-out;}
.home-section05 {background:#d3d8db url(../images/home-section05-bg.jpg) no-repeat center; background-size:cover; min-height:710px; padding:50px 0; text-align:center;}
.home-section05 .jcarousel-pagination {position:absolute; bottom:-20px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); margin: 0;}
.home-section05 .jcarousel-pagination a {text-decoration:none; display:inline-block; font-size:0px; height:6px; width:30px; line-height:6px; background-color:#cccccc; color:#4E443C; border-radius:3px; text-indent:-9999px; margin:0 5px;}
.home-section05 .jcarousel-pagination a.active {background-color:#ff7058; color:#fff; opacity:1;}
.home-section05 .jcarousel-pagination a:nth-child(1) {background-color:#509671;}
.home-section05 .jcarousel-pagination a:nth-child(2) {background-color:#1392e3;}
.home-section05 .jcarousel-pagination a:nth-child(3) {background-color:#fd8a19;}
.home-section05 .jcarousel-pagination a:nth-child(4) {background-color:#dc0419;}
.home-section05 h4 {font-family:'ImpactRegular'; font-size:36px; font-weight:normal; line-height:1.2; color:#515b66; text-transform:uppercase; padding-top:20px;}
.home-section05 p {font-family:'Play', sans-serif; font-size:15px; font-weight:400; line-height:1.4; color:#515b66; padding:10px 0;}
.home-section05 p strong {font-size:18px; font-weight:400; display:block;}
.home-section06 {border-top:1px solid #e9e8e8; padding:50px 0;}
.home-section06 h3 {font-size:30px; font-weight:300; line-height:1.4; color:#141617; padding:10px 0;}
.home-section06 h4 {font-size:24px; font-weight:300; line-height:27px; color:#FFFFFF; text-transform:uppercase;}
.home-section06 p {font-size:18px; font-weight:300; line-height:1.4; color:#141617; padding:10px 0;}
.home-section06 .link {margin:20px 0 0 0; padding:0; width:100%; height:50px; font-size:24px; font-weight:400; line-height:30px; color:#FFF;}
.home-section06 .link a {color:#FFF; display:block; padding:10px 20px; background:#00b5e0 url(../images/link-bg01.png) repeat-y right;}
.home-section06 .community-box {background:#FFFFFF url(../images/img01.png) no-repeat top; border:1px solid #e7e6e6; min-height:464px; padding:140px 30px 30px 30px;}
.home-section06 .socials-box {background:#FFFFFF url(../images/img02.png) no-repeat top left; border:1px solid #e7e6e6; min-height:300px; padding:40px 50px 40px 230px;}
.home-section06 .socials-box p {font-size:16px;}
.home-section06 .socials-box figure {float:left; padding:10px 15px 10px 0;}
.home-section06 .socials-box article {margin-left:70px;}
.home-section06 .socials-box article p {font-size:16px; line-height:1.2; padding:0;}
.home-section06 .socials-box article p strong {display:block;}
.home-section06 .socials-box article p span {font-size:12px; color:#00b5e0;}
.home-section06 .socials-box .view {text-transform:uppercase; color:#26a0d9;}
.home-section06 .socials-box .share {text-transform:uppercase; color:#f76523;}
.home-section06 .newsletter-box {background:#00b5e0 url(../images/img03.png) no-repeat top left; border:1px solid #e7e6e6; min-height:130px; padding:38px 38px 38px 138px; margin-top:30px;}
.home-section06 .newsletter {background:#FFF url(../images/newsletter-bg.png) no-repeat right; border-radius:5px; min-height:54px;}
.home-section06 .newsletter input[type="text"] {margin:0; padding:15px; width:82%; height:54px; float:left; background:none; border:none; font-size:16px; font-weight:400; line-height:1; color:#000;}
.home-section06 .newsletter input[type="submit"] {margin:0; padding:0; width:54px; height:54px; float:right; background:url(../images/btn-search.png) no-repeat center; border:none; display:block; text-indent:-5000px; cursor:pointer;}
.service-section01 {padding:45px 0; background:url(../images/line.png) repeat-y top; text-align:center;}
.service-section01 [class*="col-"] {padding:0;}
.service-section01 h2 {font-family:'ImpactRegular'; font-size:42px; font-weight:normal; line-height:1.2; color:#000000; text-transform:uppercase; padding:0px 25px;}
.service-section01 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#595959; padding:10px 40px;}
.service-section01 figure {padding-top:30px;}
.service-section01 .wdd-box {padding:50px 0;}
.service-section01 .wdd-box h2 {color:#00b5e0; border-bottom:2px solid #FFFFFF;}
.service-section01 .wdd-box:hover h2 {border-bottom:2px solid #00b5e0;}
.service-section01 .mad-box {padding:100px 0 50px 0;}
.service-section01 .mad-box h2 {color:#fc8916; border-bottom:2px solid #FFFFFF; margin-right:1px;}
.service-section01 .mad-box:hover h2 {border-bottom:2px solid #fc8916;}
.service-section01 .omssdm-box {padding:50px 0;}
.service-section01 .omssdm-box h2 {color:#7da511; border-bottom:2px solid #FFFFFF;}
.service-section01 .omssdm-box:hover h2 {border-bottom:2px solid #7da511;}
.service-section01 .pv-box {padding:50px 0;}
.service-section01 .pv-box h2 {color:#00b5e0; border-bottom:2px solid #FFFFFF; margin-right:1px;}
.service-section01 .pv-box:hover h2 {border-bottom:2px solid #00b5e0;}
.service-section01 .gd-box {padding:50px 0;}
.service-section01 .gd-box h2 {color:#fc8916; border-bottom:2px solid #FFFFFF;}
.service-section01 .gd-box:hover h2 {border-bottom:2px solid #fc8916;}
.service-section01 .dho-box {padding:50px 0;}
.service-section01 .dho-box h2 {color:#7da511; border-bottom:2px solid #FFFFFF; margin-right:1px;}
.service-section01 .dho-box:hover h2 {border-bottom:2px solid #7da511;}
.service-section01 .hs-box {padding:50px 0;}
.service-section01 .hs-box h2 {color:#00b5e0; border-bottom:2px solid #FFFFFF;}
.service-section01 .hs-box:hover h2 {border-bottom:2px solid #00b5e0;}
.service-section01 .express-box {background:#00b5e0 url(../images/img-express.png) no-repeat right bottom; margin-top:50px; padding:50px; text-align:left;}
.service-section01 .express-box h2 {color:#FFF; padding:0;}
.service-section01 .express-box p {color:#FFF; padding:10px 0;}
.service-section01 .express-box img {float:left; margin-right:40px;}
.service-section01 .btn-packages {margin:30px 0 0 0; padding:0; font-family:'Play', sans-serif; font-size:28px; font-weight:400; line-height:56px; color:#FFF; text-transform:uppercase;}
.service-section01 .btn-packages a {color:#FFF; display:inline-block; padding:0 30px; border:2px solid #FFF; border-radius:10px;}
.service-section01 .btn-packages a:hover {background-color:#7da511; transition:all .4s ease-in-out;}
.service-section01 .btn-packages a .fa {margin-left:20px; font-size:32px;}
.service-section02 {padding:50px 0; background-color:#f6f6f6; text-align:center;}
.service-section02 h3 {font-size:30px; font-weight:300; line-height:1.2; color:#2f383d;}
.service-section02 h5 {font-size:16px; font-weight:400; line-height:1.2; color:#2f383d;}
.service-section02 p {font-size:13px; font-weight:400; line-height:1.4; color:#9aa7af; padding:10px 0; max-width:600px; margin:0 auto;}
.service-section02 .blue-box {margin:30px auto; padding:10px; width:120px; height:120px; background-color:#00b5e0; border-radius:50%;}
.service-section03 {min-height:500px; background:#ebf4fb url(../images/service-section3.png) no-repeat center;}
.service-section03 .container {position:relative;}
.service-section03 .container .white-box {position:absolute; left:105px; top:80px; width:360px; height:360px; background-color:rgba(255,255,255,0.5); border-radius:50%;}
.service-section03 .container .blue-box {position:absolute; left:95px; top:70px; width:360px; height:360px; background-color:#00b5e0; border-radius:50%;}
.service-section03 .container .grey-box {position:absolute; right:650px; top:280px; width:160px; height:160px; background-color:#575850; border-radius:50%;}
.service-section03 .content {-moz-box-orient:vertical; -moz-box-pack:center; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; text-align:center;}
.service-section03 h3 {font-size:30px; font-weight:400; line-height:1.2; color:#FFF;}
.service-section03 h4 {font-size:24px; font-weight:400; line-height:1.2; color:#FFF;}
.service-section03 p {font-size:18px; font-weight:400; line-height:1.2; color:#dbddc9;}
.service-section03 .pad50 {padding:50px;}
.service-section03 .pad10 {padding:0 0 20px 0;}
.wdd-section01 {min-height:980px; background-color:#23221e;}
.wdd-section01 [class*="col-"] {padding:0;}
.wdd-section01 .main-img {min-height:380px; position:relative;}
.wdd-section01 .main-img img {position:absolute; right:0; top:0;}
.tab-details {position:relative;}
.tab-details h2 {font-family:'Play', sans-serif; font-size:30px; line-height:1.4; color:#000000; text-transform:uppercase; padding:10px 0;}
.tab-details p {font-family:'Play', sans-serif; font-size:16px; line-height:1.4; color:#1d1c18; padding:10px 0;}
.tab-details #myAnchor {position:absolute; top:-74px; left:;}
#newwebsitedesign {min-height:450px; background-color:#f4bd4e; padding:20px; text-align:center; position:relative;}
#newwebsitedesign img {position:absolute; left:-2px; bottom:-96px;}
#websiteredesign {min-height:450px; background-color:#fc8916; padding:20px; text-align:center; position:relative;}
#websiteredesign img {position:absolute; left:24px; bottom:-96px;}
#businessblogdesign {min-height:450px; background-color:#6592ee; padding:20px; text-align:center; position:relative;}
#businessblogdesign img {position:absolute; left:24px; bottom:-106px;}
#landingpagedesign {min-height:450px; background-color:#a0c626; padding:20px; text-align:center; position:relative;}
#landingpagedesign img {position:absolute; left:26px; bottom:-96px;}
#custominfographic {min-height:450px; background-color:#00b5e0; padding:20px; text-align:center; position:relative;}
#custominfographic img {position:absolute; left:0px; bottom:-84px;}
#customlogosolution {min-height:450px; background-color:#6ac7c7; padding:20px; text-align:center; position:relative;}
#customlogosolution img {position:absolute; left:-40px; bottom:-103px;}
#wordpress {min-height:450px; background-color:#f4bd4e; padding:20px; text-align:center; position:relative;}
#wordpress img {position:absolute; left:-20px; bottom:-120px;}
#joomla {min-height:450px; background-color:#fc8916; padding:20px; text-align:center; position:relative;}
#joomla img {position:absolute; left:24px; bottom:-96px;}
#prestashop {min-height:450px; background-color:#6592ee; padding:20px; text-align:center; position:relative;}
#prestashop img {position:absolute; left:0; bottom:-80px;}
#customphp {min-height:450px; background-color:#a0c626; padding:20px; text-align:center; position:relative;}
#customphp img {position:absolute; left:26px; bottom:-96px;}
#magento {min-height:450px; background-color:#00b5e0; padding:20px; text-align:center; position:relative;}
#magento img {position:absolute; left:20px; bottom:-124px;}
#laravel {min-height:450px; background-color:#6ac7c7; padding:20px; text-align:center; position:relative;}
#laravel img {position:absolute; left:0px; bottom:-80px;}
.wdd-section01 .link-box {min-height:186px; padding:15px; background-color:#1d1c18; text-align:center;}
.wdd-section01 .link-box ul {margin:0; padding:20px 0; list-style:none; text-align:center;}
.wdd-section01 .link-box ul li {margin:0; padding:0 25px; display:inline-block; font-family:'Play', sans-serif; font-size:36px; line-height:1.4; color:#585753; text-transform:uppercase;}
.wdd-section01 .link-box ul li a {color:#585753; display:inline-block; border-bottom:5px solid #1d1c18;}
.wdd-section01 .link-box ul li a:hover {color:#2a89c1; border-bottom:5px solid #2a89c1; transition:all .4s ease-in-out;}
.wdd-section01 .link-box ul li a.active {color:#2a89c1; border-bottom:5px solid #2a89c1;}
.wdd-section01 .link-box p {font-family:'Play', sans-serif; font-size:14px; line-height:1.4; color:#FFFFFF; padding:10px 50px;}
.wdd-section01 .tab-section {min-height:390px;}
.wdd-section01 .tab-section ul {margin:0 1px; padding:0; list-style:none;}
.wdd-section01 .tab-section ul li {margin:-1px; padding:0; width:196px; height:196px; border:1px solid #1d1c18; float:left; font-family:'Play', sans-serif; font-size:22px; line-height:1.2; color:#1d1c18; text-transform:uppercase; text-align:center;}
.wdd-section01 .tab-section ul li:nth-child(1) {background-color:#f4bd4e;}
.wdd-section01 .tab-section ul li:nth-child(2) {background-color:#fc8916;}
.wdd-section01 .tab-section ul li:nth-child(3) {background-color:#6592ee;}
.wdd-section01 .tab-section ul li:nth-child(4) {background-color:#a0c626;}
.wdd-section01 .tab-section ul li:nth-child(5) {background-color:#00b5e0;}
.wdd-section01 .tab-section ul li:nth-child(6) {background-color:#6ac7c7;}
.wdd-section01 .tab-section ul li a {color:#1d1c18; display:block; padding:20px;}
.wdd-section01 .tab-section ul li a img {display:block; margin:0 auto 15px auto;}
.wdd-section01 .visit-portfolio {padding:40px 0; text-align:right;}
.wdd-section01 .visit-portfolio h4 {font-family:'Play', sans-serif; font-size:24px; line-height:1.2; color:#FFFFFF; text-transform:uppercase; padding:10px 0 10px 230px;}
.btn-visit-portfolio {margin:10px 0; font-family:'Play', sans-serif; font-size:24px; line-height:2; color:#FFFFFF;}
.btn-visit-portfolio a {color:#FFFFFF; display:inline-block; padding:10px 30px; background-color:#00b5e0; border-radius:6px;}
.btn-visit-portfolio a:hover {color:#FFFFFF; background-color:#7da511; transition:all .4s ease-in-out;}
.wdd-section02 {min-height:680px; padding:50px 0; background:#b3ccd9 url(../images/wbb-section02.png) no-repeat top; position:relative;}
.wdd-section02 figure {position:absolute; right:0; bottom:0;}
.wdd-section02 h2 {font-family:'Play', sans-serif; font-size:34px; line-height:1.2; color:#040400; text-transform:uppercase;}
.wdd-section02 p {font-family:'Play', sans-serif; font-size:14px; line-height:1.4; color:#040400; text-transform:uppercase; padding:0 0 20px 0;}
.wdd-section02 .success-results {position:relative; z-index:99;}
.wdd-section02 .success-results .prev {position:absolute; top:6px; right:60px; z-index:999;}
.wdd-section02 .success-results .next {position:absolute; top:6px; right:15px; z-index:999;}
.wdd-section02 .projects [class*="col-"] {padding:15px;}
.wdd-section02 .projects .project img {box-shadow:10px 10px 5px rgba(0,0,0,0.3);}
.wdd-section03 {padding:80px 0; background-color:#e8e8e8;}
.wdd-section03 h2 {font-family:'ImpactRegular'; font-size:48px; font-weight:normal; line-height:1.2; color:#000000; padding:10px 0 20px 0;}
.wdd-section03 p {font-family:'Play', sans-serif; font-size:16px; line-height:1.4; color:#040400; padding-top:20px;}
.wdd-section03 ul {margin:30px 0 0 0; padding:0; list-style:none; text-align:center;}
.wdd-section03 ul li {margin:0; padding:10px; display:inline-block;}
.wdd-section04 {padding:100px 0; background-color:#eff5f7;}
.wdd-section04 .nor-price-box {min-height:460px; background-color:#FFFFFF; border:1px solid #e5e5e5; text-align:center;}
.wdd-section04 .nor-price-box .price-box {margin:-60px auto 0 auto; padding:0; width:120px; height:120px; background-color:#FFF; border:2px dashed #c2c2c2; border-radius:50%; position:relative; font-size:14px; font-weight:300; line-height:1.2; color:#FFFFFF;}
.wdd-section04 .nor-price-box .price-box span {display:inline-block; font-size:26px;}
.wdd-section04 .nor-price-box .price-box .content {-moz-box-orient:vertical; -moz-box-pack:center; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; text-align:center; background-color:#21c2f8; border-radius:50%; margin:6px;}
.wdd-section04 .nor-price-box h3 {font-family:'Play', sans-serif; font-size:26px; font-weight:400; line-height:1.2; color:#2f383d; text-transform:uppercase; padding:20px 0;}
.wdd-section04 .nor-price-box ul {margin:0; padding:0; list-style:none; border-top:1px solid #e5e5e5;}
.wdd-section04 .nor-price-box ul li {margin:0; padding:12px; font-size:14px; font-weight:400; line-height:1.2; color:#939598; border-bottom:1px solid #e5e5e5;}
.wdd-section04 .nor-price-box .btn-purchase {margin:20px auto; padding:0; width:110px; height:30px; font-size:14px; font-weight:400; line-height:30px; color:#FFFFFF; text-transform:uppercase;}
.wdd-section04 .nor-price-box .btn-purchase a {color:#FFFFFF; display:block; background-color:#9aa7af; border-radius:3px;}
.wdd-section04 .nor-price-box .btn-purchase a:hover {color:#FFFFFF; background-color:#21c2f8; transition:all .4s ease-in-out;}
.wdd-section04 .hot-price-box {min-height:460px; background-color:#21c2f8; border:1px solid #e5e5e5; box-shadow:0 0 10px rgba(0,0,0,0.2); text-align:center;}
.wdd-section04 .hot-price-box .price-box {margin:-60px auto 0 auto; padding:0; width:120px; height:120px; background-color:#FFFFFF; border:2px dashed #FFFFFF; border-radius:50%; position:relative; font-size:14px; font-weight:300; line-height:1.2; color:#FFFFFF;}
.wdd-section04 .hot-price-box .price-box span {display:inline-block; font-size:26px;}
.wdd-section04 .hot-price-box .price-box .content {-moz-box-orient:vertical; -moz-box-pack:center; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; text-align:center; background-color:#2f383d; border-radius:50%; margin:6px;}
.wdd-section04 .hot-price-box .hot-box {margin:-60px auto 0 auto; padding:0; width:50px; height:50px; background-color:#21c2f8; border-radius:50%; position:relative; font-size:14px; font-weight:300; line-height:50px; color:#FFFFFF; position:absolute; top:-10px; left:160px; z-index:999; text-align:center;}
.wdd-section04 .hot-price-box h3 {font-family:'Play', sans-serif; font-size:26px; font-weight:400; line-height:1.2; color:#FFFFFF; text-transform:uppercase; padding:20px 0;}
.wdd-section04 .hot-price-box ul {margin:0; padding:0; list-style:none; border-top:1px solid #1ebaee;}
.wdd-section04 .hot-price-box ul li {margin:0; padding:12px; font-size:14px; font-weight:400; line-height:1.2; color:#FFFFFF; border-bottom:1px solid #1ebaee;}
.wdd-section04 .hot-price-box .btn-purchase {margin:20px auto; padding:0; width:110px; height:30px; font-size:14px; font-weight:400; line-height:30px; color:#9aa7af; text-transform:uppercase;}
.wdd-section04 .hot-price-box .btn-purchase a {color:#9aa7af; display:block; background-color:#FFFFFF; border-radius:3px;}
.wdd-section04 .hot-price-box .btn-purchase a:hover {color:#FFFFFF; background-color:#2f383d; transition:all .4s ease-in-out;}
.mad-section01 {padding:50px 0; background-color:#f4f7fa;}
.mad-section01 article {padding:40px 0;}
.mad-section01 article p {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.2; color:#4b4f53; padding:15px 0;}
.mad-section01 figure {position:relative;}
.mad-section01 figure .mad-img01 {position:absolute; top:30px; right:-17px;}
.mad-section01 figure .mad-img02 {position:absolute; top:20px; right:180px; z-index:99;}
.mad-section01 figure .mad-img03 {position:absolute; top:0px; right:390px; z-index:999;}
.btn-quote {margin:20px 0; padding:0; width:270px; height:60px; background-color:#00b5e0; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:60px; color:#FFFFFF; text-transform:uppercase; text-align:center;}
.btn-quote a {color:#FFFFFF;}
.mad-section02 {padding:70px 0; background-color:#ffffff; text-align:center;}
.mad-section02 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1.2; color:#4b4f53; padding:10px 0;}
.mad-section02 h4 {font-family:'Play', sans-serif; font-size:20px; font-weight:700; line-height:1.2; color:#4b4f53; text-transform:uppercase; padding:10px 0;}
.mad-section02 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.2; color:#4b4f53; padding:10px 0;}
.mad-section02 figure {padding:60px 0 30px 0;}
.mad-section02 article {}
.mad-section02 article p {font-size:18px;}
.mad-section03 {padding:75px 0; min-height:600px; background-color:#00b5e0;}
.mad-section03 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.mad-section03 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.btn-browse {margin:20px 0; padding:0; width:300px; height:60px; background-color:#00b5e0; border:1px solid #FFF; font-family:'Play', sans-serif; font-size:20px; font-weight:400; line-height:60px; color:#FFFFFF; text-transform:uppercase; text-align:center;}
.btn-browse a {color:#FFFFFF;}
.mad-section03 article {padding:30px 0;}
.mad-section03 figure {position:relative;}
.mad-section03 figure .mad-img04 {position:absolute; top:160px; right:15px;}
.mad-section03 figure .mad-img05 {position:absolute; top:98px; right:30px; z-index:99;}
.mad-section03 figure .mad-img06 {position:absolute; top:0px; right:-20px; z-index:999;}
.mad-section04 {min-height:600px; background:#ffffff url(../images/mad-section04.png) no-repeat top;}
.mad-section04 [class*="col-"] {padding:0;}
.mad-section04 article {min-height:245px;}
.mad-section04 article .content {float:right; width:600px; padding:75px 15px 0 15px;}
.mad-section04 article h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1.2; color:#353535; text-transform:uppercase; padding:15px 0;}
.mad-section04 article h2 span {display:block; font-size:40px;}
.mad-section04 section {border-right:1px solid #FFF;}
.mad-section04 section .idea-section {width:100%; min-height:128px; background-color:#f27277; border-top:1px solid #FFF;}
.mad-section04 section .design-section {width:100%; min-height:128px; background-color:#496b7c; border-top:1px solid #FFF;}
.mad-section04 section .test-section {width:100%; min-height:128px; background-color:#4c6270; border-top:1px solid #FFF;}
.mad-section04 section .content {float:right; width:600px; min-height:127px; padding:15px;}
.mad-section04 section .content p {margin:0; padding:0; font-size:14px; font-weight:400; line-height:1.3; color:#FFFFFF;}
.mad-section04 figure {min-height:501px; width:600px; position:relative;}
.mad-section04 figure img {position:absolute; right:0px; bottom:-22px; z-index:1;}
.mad-section04 aside {width:100%; min-height:128px; background-color:#4799c3; border-top:1px solid #FFF; z-index:999; position:relative;}
.mad-section04 aside .content {float:left; width:600px; min-height:127px; padding:15px;}
.mad-section04 aside .content p {margin:0; padding:10px 0; font-size:14px; font-weight:400; line-height:1.3; color:#FFFFFF;}
.mad-section04 aside .content .img-box {width:100%; position:relative;}
.mad-section04 aside .content .img-box img {position:absolute; bottom:-86px; left:15px;}
.mad-section05 {min-height:600px; background-color:#eaeaea;}
.mad-section05 h2 {font-family:'Play', sans-serif; font-size:36px; font-weight:700; line-height:1.2; color:#00b5e0; text-transform:uppercase; padding:10px 0;}
.mad-section05 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.2; color:#4c6270; padding:10px 0;}
.mad-section05 article {padding:70px 0;}
.mad-section05 figure {position:relative;}
.mad-section05 figure .mad-img07 {position:absolute; top:0px; right:-140px;}
.gd-section01 {min-height:640px; background:url(../images/gd-section01.jpg) no-repeat top;}
.gd-section01 article {margin:0 auto; padding:60px 0; max-width:600px; text-align:center;}
.gd-section01 article h2 {font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase; padding:15px 0;}
.gd-section01 article p {font-family:'Play', sans-serif; font-size:20px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.gd-section01 article .btn-portfolio {margin:15px; padding:0; width:210px; height:46px; background-color:#ffcf00; border:none; font-family:'Play', sans-serif; font-size:20px; font-weight:700; line-height:46px; color:#30363d; text-transform:uppercase;}
.gd-section01 article .btn-startnow {margin:15px; padding:0; width:210px; height:46px; background-color:#00b5e0; border:none; font-family:'Play', sans-serif; font-size:20px; font-weight:700; line-height:46px; color:#FFFFFF; text-transform:uppercase;}
.gd-section02 {min-height:600px; background:url(../images/gd-section02.jpg) no-repeat top;}
.gd-section02 article {padding:70px 50px 70px 0; max-width:670px;}
.gd-section02 article h2 {font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:1.2; color:#496b7c; text-transform:uppercase; padding:15px 0;}
.gd-section02 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#324047; padding:10px 0;}
.gd-section02 article .btn-portfolio {margin:25px 15px 0 0; padding:10px 60px; background-color:#ffcf00; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:40px; color:#FFFFFF; text-transform:uppercase;}
.gd-section02 article .btn-getaquote {margin:25px 0 0 15px; padding:10px 60px; background-color:#00b5e0; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:40px; color:#FFFFFF; text-transform:uppercase;}
.gd-section03 {min-height:600px; background:url(../images/gd-section03.jpg) no-repeat top;}
.gd-section03 article {padding:70px 0; max-width:500px;}
.gd-section03 article h2 {font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase; padding:15px 0;}
.gd-section03 article h2 span {color:#a9db53;}
.gd-section03 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.gd-section03 article .btn-portfolio {margin:25px 15px 0 0; padding:0 40px; background-color:#9bcf42; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.gd-section03 article .btn-getaquote {margin:25px 0 0 15px; padding:0 40px; background-color:#eb3213; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.gd-section04 {min-height:600px; background:url(../images/gd-section04.jpg) no-repeat top;}
.gd-section04 article {padding:170px 0 0 0; max-width:500px; float:right; text-align:center;}
.gd-section04 article h2 {font-family:'Play', sans-serif; font-size:72px; font-weight:700; line-height:1.2; color:#fba919; text-transform:uppercase; padding:15px 0;}
.gd-section04 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.gd-section04 article .btn-portfolio {margin:25px 15px 0 0; padding:0 40px; background-color:#010000; border:1px solid #FFFFFF; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.gd-section04 article .btn-getaquote {margin:25px 0 0 15px; padding:0 40px; background-color:#a22c2f; border:1px solid #a22c2f; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.gd-section05 {min-height:570px; background:url(../images/gd-section05.jpg) no-repeat top;}
.gd-section05 article {padding:100px 0; max-width:500px;}
.gd-section05 article h2 {font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:.7; color:#69c8b5; text-transform:uppercase; padding:25px 0;}
.gd-section05 article h2 span {color:#646c78; font-size:36px; font-weight:400;}
.gd-section05 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#646c78; padding:10px 0;}
.gd-section05 article .btn-portfolio {margin:25px 15px 0 0; padding:0 40px; background-color:#b3c81f; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.gd-section05 article .btn-getaquote {margin:25px 0 0 15px; padding:0 40px; background-color:#5ac2ae; border:none; font-family:'Play', sans-serif; font-size:24px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.cms-website01 {margin:0 auto; max-width:1500px; min-height:650px; background:url(../images/burnpur-cement.png) no-repeat top;}
.cms-website01 article {padding-top:300px; max-width:400px; position:relative;}
.cms-website01 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 0;}
.cms-website01 .btn-view {margin-top:20px; width:170px; height:50px; background-color:#01a7f1; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website01 .btn-view a {color:#FFFFFF;}
.cms-website01 article ul.wappalyzer {position:absolute; right:0px; bottom:0;}
.cms-website02 {margin:0 auto; max-width:1500px; min-height:716px; background:url(../images/taqi-shah-international.png) no-repeat top;}
.cms-website02 article {padding:30px 0; position:relative;}
.cms-website02 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:15px 0;}
.cms-website02 .btn-view {margin-top:10px; width:100%; height:50px; background-color:#c0188d; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website02 .btn-view a {color:#FFFFFF;}
.cms-website02 .bdr {border-left:1px solid #bab8b7; padding:0 30px;}
.cms-website02 article ul.wappalyzer {position:absolute; right:30px; bottom:-150px;}
.cms-website02 article ul.wappalyzer li {display:block;}
.cms-website03 {margin:0 auto; max-width:1500px; min-height:770px; background:url(../images/leather-n-leather.png) no-repeat top;}
.cms-website03 article {padding-top:200px; max-width:300px; position:relative;}
.cms-website03 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:15px 0;}
.cms-website03 .btn-view {margin-top:20px; margin-bottom:20px; width:170px; height:50px; background-color:#ff916e; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website03 .btn-view a {color:#FFFFFF;}
.cms-website03 article ul.wappalyzer {margin-top:20px;}
.cms-website04 {margin:0 auto; max-width:1500px; min-height:690px; background:url(../images/helawe.png) no-repeat top;}
.cms-website04 article {padding-top:200px; max-width:300px; position:relative;}
.cms-website04 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:15px 0;}
.cms-website04 .btn-view {margin-top:20px; margin-bottom:20px; width:170px; height:50px; background-color:#6c2555; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website04 .btn-view a {color:#FFFFFF;}
.cms-website04 article ul.wappalyzer {margin-top:20px;}
.cms-website05 {margin:0 auto; max-width:1500px; min-height:756px; background:url(../images/burnpur-steel.png) no-repeat top;}
.cms-website05 article {padding-top:300px; padding-left:45px; max-width:380px; position:relative;}
.cms-website05 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:15px 0;}
.cms-website05 .btn-view {margin-top:20px; margin-bottom:20px; width:170px; height:50px; background-color:#1e8ee4; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website05 .btn-view a {color:#FFFFFF;}
.cms-website05 article ul.wappalyzer {margin-top:20px;}
.cms-website06 {margin:0 auto; max-width:1500px; min-height:856px; background:url(../images/sugar-hair-skin.png) no-repeat top;}
.cms-website06 article {padding-top:260px; padding-left:45px; max-width:340px; position:relative;}
.cms-website06 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#cdb9a5; padding:15px 0;}
.cms-website06 .btn-view {margin-top:20px; margin-bottom:20px; width:170px; height:50px; background-color:#ec82b5; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.cms-website06 .btn-view a {color:#FFFFFF;}
.ecommerce-website01 {margin:0 auto; max-width:1500px; min-height:700px; background:url(../images/inkdad.png) no-repeat top;}
.ecommerce-website01 article {padding:160px 0 0 150px; max-width:800px;}
.ecommerce-website01 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#000000; padding:10px 0;}
.ecommerce-website01 .btn-view {margin-top:20px; width:100%; height:50px; background-color:#1782bb; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.ecommerce-website01 .btn-view a {color:#FFFFFF;}
.ecommerce-website02 {margin:0 auto; max-width:1500px; min-height:650px; background:url(../images/coiltex-gold-centre.png) no-repeat top;}
.ecommerce-website02 article {padding:25px 0 0 0; max-width:610px;}
.ecommerce-website02 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#000000; padding:10px 0;}
.ecommerce-website02 .btn-view {margin-top:20px; width:100%; height:50px; background-color:#6e0b08; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.ecommerce-website02 .btn-view a {color:#FFFFFF;}
.ecommerce-website03 {margin:0 auto; max-width:1500px; min-height:730px; background:url(../images/the-king-of-sole.png) no-repeat top;}
.ecommerce-website03 article {padding:150px 0 0 0; max-width:300px;}
.ecommerce-website03 article p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.ecommerce-website03 .btn-view {margin-top:53px; height:50px; background-color:#daaf2b; font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:38px; color:#FFFFFF;}
.ecommerce-website02 .btn-view a {color:#FFFFFF;}
.landing-page {padding:15px;}
.landing-page [class*="col-"] {padding:15px;}
.landing-page .box {min-height:520px; padding:15px; border:1px solid #e5e1e1; text-align:center;}
.landing-page .box img {height:488px; max-width:100%;}
.portfolio-tab-details {padding:15px 0;}
.logo-graphics, .brochure-graphics, .advertisement-graphics, .branding-graphics, .social-media-graphics, .others-work-graphics {padding:15px;}
.logo-graphics [class*="col-"], .brochure-graphics [class*="col-"], .advertisement-graphics [class*="col-"], .branding-graphics [class*="col-"], .social-media-graphics [class*="col-"], .others-work-graphics [class*="col-"] {padding:15px;}
.logo-graphics h2, .brochure-graphics h2, .advertisement-graphics h2, .branding-graphics h2, .social-media-graphics h2, .others-work-graphics h2 {font-family:'Play', sans-serif; font-size:42px; font-weight:400; line-height:1.2; color:#0a1a1e; padding:15px 0;}
.logo-graphics .box {min-height:220px; padding:15px; border:1px solid #e5e1e1; text-align:center; vertical-align:middle; line-height:188px;}
.logo-graphics .box img {max-height:188px; max-width:100%;}
.brochure-graphics .box {min-height:360px; padding:15px; border:1px solid #e5e1e1; text-align:center; vertical-align:middle; line-height:328px;}
.brochure-graphics .box img {max-height:328px; max-width:100%;}
.advertisement-graphics .box {min-height:220px; padding:15px; border:1px solid #e5e1e1; text-align:center;}
.advertisement-graphics .box img {max-height:188px; max-width:100%;}
.branding-graphics .box {min-height:260px; padding:15px; border:1px solid #e5e1e1; text-align:center; vertical-align:middle; line-height:228px;}
.branding-graphics .box img {max-height:228px; max-width:100%;}
.social-media-graphics .box {min-height:200px; padding:15px; border:1px solid #e5e1e1; text-align:center;}
.social-media-graphics .box img {max-height:178px; max-width:100%;}
.others-work-graphics .box {min-height:370px; padding:15px; border:1px solid #e5e1e1; text-align:center; vertical-align:middle; line-height:340px;}
.others-work-graphics .box img {max-height:340px; max-width:100%;}
.bussiness-partners {min-height:160px; padding:45px 0;}
.bussiness-partners ul {margin:0; padding:0; list-style:none;}
.bussiness-partners ul li {margin:0 100px 0 0; padding:0; display:inline; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:70px; color:#000000; text-transform:uppercase; vertical-align:middle;}
.our-clients {min-height:160px; padding:45px 0; text-align:center;}
.our-clients ul {margin:0; padding:0; list-style:none;}
.our-clients ul li {margin:15px; padding:0; display:inline; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:46px; color:#000000; text-transform:uppercase; vertical-align:middle;}
ul.wappalyzer {margin:0; padding:0; list-style:none;}
ul.wappalyzer li {margin:8px; padding:0; display:inline; width:42px; height:42px;}
.cms-section01 {padding:60px 0;}
.cms-section01 h2 {font-family:'Play', sans-serif; font-size:30px; font-weight:700; line-height:1.2; color:#4c4c4c; text-transform:uppercase; padding:10px 0;}
.cms-section01 h4 {font-family:'Play', sans-serif; font-size:20px; font-weight:700; line-height:1.2; color:#4c4c4c; padding-top:10px;}
.cms-section01 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:10px 0;}
.cms-section01 ul {margin:0; padding:10px 15px; list-style:disc;}
.cms-section01 ul li {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:5px 0;}
.about-section01 {padding:60px 0; text-align:center;}
.about-section01 h2 {font-family:'Play', sans-serif; font-size:30px; font-weight:700; line-height:1.2; color:#4c4c4c; padding:10px 0;}
.about-section01 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:10px 100px;}
.about-section02 {margin-bottom:50px; min-height:348px; background:url(../images/about-section02.png) no-repeat center;}
.about-section02 h4 {font-family:'Play', sans-serif; font-size:20px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase; padding-top:5px;}
.about-section02 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.2; color:#FFFFFF;}
.about-section02 img {float:left; margin-right:30px;}
.about-section02 article {padding-top:106px; padding-right:50px;}
.about-section02 section {padding-top:136px; padding-left:50px;}
.about-section03 {padding:50px 0; background-color:#e8e8e8; text-align:center;}
.about-section03 h2 {font-family:'Play', sans-serif; font-size:30px; font-weight:700; line-height:1.2; color:#4c4c4c; padding:10px 0;}
.about-section03 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:10px 100px;}
.about-section04 {padding:50px 0; text-align:center;}
.about-section04 h2 {font-family:'Play', sans-serif; font-size:30px; font-weight:700; line-height:1.2; color:#4c4c4c; padding:10px 0;}
.about-section04 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:10px 100px;}
.about-section04 ul {margin:0; padding:0; list-style:none;}
.about-section04 ul li {margin:0; padding:0; width:20%; text-align:center; float:left;}
.about-section04 ul li.pad-top {padding-top:150px;}
.about-section04 ul li.pad-bot {padding-bottom:150px;}
.new-about-section01 {}
.new-about-section01 [class*="col-"] {padding:0;}
.new-about-section01 img {max-width:100%; height:auto;}
.new-about-section01 h2 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1; color:#00b5e0; text-transform:uppercase; padding:10px 0;}
.new-about-section01 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#57565e; padding:10px 0;}
.new-about-section01 ul.tablink {margin:0; padding:0; list-style:none;}
.new-about-section01 ul.tablink li {margin:10px 0 0 0; padding:0; font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:40px; color:#FFFFFF; text-transform:uppercase; text-align:center;}
.new-about-section01 ul.tablink li a {color:#FFFFFF; display:block; background-color:#57565e;}
.new-about-section01 ul.tablink li a:hover, .new-about-section01 ul.tablink li.current, .new-about-section01 ul.tablink li a.active {color:#FFFFFF; background-color:#00b5e0; transition:all .4s ease-in-out;}
.new-about-section01 .white-box01 {width:75%; height:83.5vh; padding:15px; background-color:#FFFFFF; float:left;}
.new-about-section01 .white-box01 [class*="col-"] {padding:15px !important;}
.new-about-section01 .white-box02 {width:75%; height:41.5vh; padding:15px; background-color:#FFFFFF; float:left;}
.new-about-section01 .white-box02 [class*="col-"] {padding:15px !important;}
.new-about-section01 .white-box03 {width:25%; height:42vh; background-color:#FFFFFF; float:left;}
.new-about-section01 .white-box03 img {width:100%; height:100%;}
.new-about-section01 .blue-box01 {width:25%; height:83.5vh; padding:30px; background-color:#00b5e0; float:right;}
.new-about-section01 .blue-box01 figure {text-align:center; padding:30px 0 20px 0;}
.new-about-section01 .blue-box01 h2 {color:#FFFFFF; padding:10px 0 20px 0; text-align:center;}
.new-about-section01 .blue-box01 p {color:#FFFFFF;}
.new-about-section01 .blue-box02 {width:25%; height:41.5vh; float:right;}
.our-team {position:relative;}
.our-team .team-info {position:absolute; left:0; bottom:0; z-index:999; width:100%; height:auto; background-color:rgba(0,0,0,0.4); padding:5px 10px; font-family:'Play', sans-serif; font-size:14px; font-weight:400; line-height:1.4; color:#FFFFFF;}
.our-team .team-info a {color:#FFFFFF;}
.new-about-section01 .blue-box03 {width:75%; height:42vh; padding:30px; float:right; background-color:#00b5e0;}
.new-about-section01 .blue-box03 p {font-family:'Quicksand', sans-serif; font-size:22px; color:#FFFFFF;}
.contact-section01 {padding:60px 0 30px 0;}
.contact-section01 h2 {font-family:'Play', sans-serif; font-size:42px; font-weight:400; line-height:1.2; color:#000000; padding:10px 0;}
.contact-section01 h3 {font-family:'Play', sans-serif; font-size:26px; font-weight:400; line-height:1.2; color:#000000; padding:10px 0; border-bottom:1px solid #dddddd;}
.contact-section01 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#595959; padding:10px 0;}
.contact-section01 .active {background-color:#ffffff; border:1px solid #e3e3e3;}
.contact-section01 ul {margin:0; padding:0; list-style:none;}
.contact-section01 ul li {background-color:#f5f5f5; border:1px solid #f5f5f5; min-height:176px;}
.well {box-shadow:none; border-radius:0;}
#success_message{ display:none;}
.contact-section02 textarea {height:146px; overflow:auto; resize:none;}
.panel-body {padding:5px 15px;}
.panel-title {font-family:'Play', sans-serif; font-size:18px; font-weight:600; line-height:1.4; color:#595959;}
.panel-heading [data-toggle="collapse"]:after {font-family:'FontAwesome'; content:"\f054"; float:right; color:#F58723; font-size:18px; line-height:22px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);}
.panel-heading [data-toggle="collapse"].collapsed:after {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); color:#454444;}
.social-media-page-01 {margin:0 auto; max-width:1500px; min-height:720px; background:#FFFFFF url(../images/social-media-page-01.png) no-repeat top;}
.social-media-page-01 article {max-width:410px; padding-top:560px; text-align:right;}
.social-media-page-01 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#595959; padding:10px 0;}
.social-media-page-02 {margin:0 auto; max-width:1500px; min-height:720px; background:#FFFFFF url(../images/social-media-page-02.png) no-repeat top;}
.social-media-page-02 article {max-width:320px; padding-top:90px;}
.social-media-page-02 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:700; line-height:1.2; color:#595959; text-transform:uppercase; padding:10px 0;}
.social-media-page-02 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#595959; padding:10px 0;}
.social-media-page-03 {margin:0 auto; max-width:1500px; min-height:610px; background:#2a89c1 url(../images/social-media-page-03.png) no-repeat bottom;}
.social-media-page-03 article {padding-top:50px; text-align:center;}
.social-media-page-03 h3 {font-family:'Play', sans-serif; font-size:36px; font-weight:400; line-height:1.2; color:#ffffff; padding:10px 0;}
.social-media-page-03 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#ffffff; padding:10px 0;}
.social-media-page-04 {margin:0 auto; padding-top:60px; max-width:1500px; min-height:780px; background:#333333 url(../images/social-media-page-04.png) no-repeat top;}
.social-media-page-04 article {float:left; max-width:400px;}
.social-media-page-04 section {float:right; max-width:400px;}
.social-media-page-04 aside {padding-top:600px; text-align:center;}
.social-media-page-04 h3 {font-family:'Play', sans-serif; font-size:36px; font-weight:400; line-height:1.4; color:#ffffff; padding:10px 0;}
.social-media-page-04 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#ffffff; padding:10px 0;}
.mobile-app-section01 {background:url(../images/mobile-app-section01.png) no-repeat top;}
.mobile-app-section01 .container {border-top:1px solid rgba(255,255,255,0.3); padding-top:70px; text-align:center;}
.mobile-app-section01 article {padding:20px;}
.mobile-app-section01 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#ffffff; text-transform:uppercase; padding:10px 0;}
.mobile-app-section01 h4 {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.4; color:#ffffff; text-transform:uppercase;}
.mobile-app-section02 {min-height:780px; background:url(../images/mobile-app-section02.png) no-repeat bottom; margin-bottom:-15px; text-align:center;}
.mobile-app-section02 article {}
.mobile-app-section02 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:700; line-height:1.2; color:#368dec; text-transform:uppercase;}
.mobile-app-section02 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#0a1a1e; text-transform:uppercase; padding:10px 0;}
.breadcrumb-box {background-color:#f5f5f5;}
.seo-section01 {background:url(../images/seo-section01.jpg) no-repeat center; min-height:600px; padding:120px 0;}
.seo-section01 h2 {font-family:'Play', sans-serif; font-size:50px; font-weight:400; line-height:1; color:#ffffff; text-transform:uppercase;}
.seo-section01 h2 strong {color:#2bd5fd; font-size:80px; font-weight:400; display:block;}
.seo-section01 p {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.4; color:#ffffff; text-transform:uppercase; padding:20px 0;}
.seo-section01 .btn-get a {margin:0 auto; padding:10px 50px; max-width:270px; height:54px; background-color:#fd4102; border-radius:5px; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:34px; color:#ffffff; display:block;}
.seo-section02 {padding:60px 0; background-color:#ffffff;}
.seo-section02 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1.2; color:#000000; padding:10px 0;}
.seo-section02 h4 {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1; color:#000000; min-height:80px; border-bottom:1px solid #b2b2b2; margin-bottom:20px;}
.seo-section02 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:10px 0;}
.seo-section02 .box {min-height:450px; border:1px solid #979696; border-radius:100px 0 100px 0; padding:30px; position:relative; margin-top:150px;}
.seo-section02 .box figure {position:absolute; right:-1px; top:-98px; z-index:9999;}
.seo-section02 .box article {padding-top:100px;}
.seo-section02 .box article p {font-family:'Ubuntu', sans-serif; font-size:15px; padding:5px 0;}
.seo-section03 {padding:60px 0; background-color:#ffffff;}
.seo-section03 h2 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1.2; color:#000000; padding:10px 0;}
.seo-section03 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:10px 0;}
.seo-section04 {padding:60px 0; background-color:#ff7058;}
.seo-section04 .q-left {background:url(../images/q-left.png) no-repeat left top; padding:60px 0 0 170px; min-height:150px;}
.seo-section04 .q-right {background:url(../images/q-right.png) no-repeat right bottom; padding:0 170px 60px 0; min-height:150px;}
.seo-section04 .testimonial {padding:50px; border:2px dashed #FFFFFF; border-radius:15px; position:relative; min-height:300px;}
.seo-section04 .testimonial .img-box {position:absolute; right:-124px; top:50%; margin-top:-124px;}
.seo-section04 .testimonial .txt-box {padding-right:150px;}
.seo-section04 .testimonial h2 {font-family:'Quicksand', sans-serif; font-size:48px; font-weight:300; line-height:1; color:#FFFFFF; padding:10px 0;}
.seo-section04 .testimonial p {font-family:'Quicksand', sans-serif; font-size:20px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.seo-section04 .testimonial p strong {font-size:24px;}
.seo-section05 {background:url(../images/seo-section05.jpg) no-repeat center; min-height:650px; padding:120px 0;}
.seo-section05 h2 {font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:1.2; color:#183f53; text-transform:uppercase;}
.seo-section05 h6 {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1.2; color:#183f53; text-transform:uppercase; padding:20px 0;}
.seo-section05 p {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.4; color:#183f53; text-transform:uppercase; padding:20px 0;}
.seo-section05 .btn-get a {margin:20px 0; padding:10px 50px; max-width:270px; height:54px; background-color:#fd4102; border-radius:5px; font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:34px; color:#ffffff; display:block;}
.local-seo-section01 {padding:50px 0; background-color:#102032; text-align:center;}
.local-seo-section01 h2 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#102032; text-transform:uppercase; -webkit-text-fill-color:#102032; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#FFFFFF; padding-bottom:20px;}
.local-seo-section01 h3 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#FFFFFF; text-transform:uppercase; padding-top:20px;}
.local-seo-section01 h3 span {color:#ffd737;}
.local-seo-section01 p {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:20px 0;}
.local-seo-section01 figure {margin:0; padding:20px 0;}
.local-seo-section02 {min-height:650px; background:#36d2b6 url(../images/local-seo-section02.jpg) no-repeat center;}
.local-seo-section02 article {padding:100px 0; max-width:480px; float:right; text-align:right;}
.local-seo-section02 h2 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#FFFFFF; text-transform:uppercase; padding:20px 0;}
.local-seo-section02 h3 {font-family:'Play', sans-serif; font-size:48px; font-weight:400; line-height:1; color:#FFFFFF; text-transform:uppercase; padding:15px 0;}
.local-seo-section02 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 0;}
.local-seo-section03 {padding:50px 0; background-color:#f6811b; text-align:center;}
.local-seo-section03 p {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 0; margin:0 auto; max-width:900px;}
.local-seo-section04 {min-height:800px; background:#ffffff url(../images/coiltex-gold-centre.png) no-repeat bottom; text-align:center;}
.local-seo-section04 article {padding:40px 0; max-width:580px; float:left;}
.local-seo-section04 h2 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#1e3348; text-transform:uppercase; padding:15px 0;}
.local-seo-section04 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#4e4e4e; padding:15px 0;}
.local-seo-section05 {padding:50px 0; min-height:670px; background:#ff5941 url(../images/local-seo-section05.jpg) no-repeat top; text-align:center;}
.local-seo-section05 h2 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#FFFFFF; text-transform:uppercase; padding:15px 0;}
.local-seo-section05 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 0; margin:0 auto; max-width:600px;}
.local-seo-section05 figure {padding:30px 0;}
.local-seo-section06 {padding:50px 0; background-color:#ffffff; text-align:center;}
.local-seo-section06 article {padding:100px 0;}
.local-seo-section06 h2 {font-family:'ImpactRegular'; font-size:80px; font-weight:normal; line-height:1; color:#163d93; padding:15px 0;}
.local-seo-section06 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#2c2c2d; padding:15px 0; margin:0 auto; max-width:600px;}
.local-seo-section07 {min-height:640px; background:#91bdc6 url(../images/local-seo-section07.jpg) no-repeat center; background-size:cover; text-align:center;}
.local-seo-section07 article {padding:50px 0;}
.local-seo-section07 h2 {font-family:'ImpactRegular'; font-size:60px; font-weight:normal; line-height:1; color:#163d93; padding:10px 0;}
.local-seo-section07 p {font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:1.4; color:#2a2a2a; padding:10px 0;}
.local-seo-section07 p span {color:#FFFFFF;}
.local-seo-section07 p strong {padding:0 5px;}
.local-seo-section07 h4 {font-family:'Pristina'; font-size:48px; font-weight:normal; line-height:1; color:#FFFFFF; padding:10px 0;}
.local-seo-section07 h4 span {font-size:30px;}
.local-seo-section07 h4 img {margin-right:15px;}
.local-seo-section08 {padding:50px 0; background-color:#162441; text-align:center;}
.local-seo-section08 h4 {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1; color:#ffffff; text-transform:uppercase; padding:15px 0;}
.local-seo-section08 h2 {font-family:'ImpactRegular'; font-size:56px; font-weight:normal; line-height:1; color:#ffffff; text-transform:uppercase; padding:15px 0;}
.local-seo-section08 h2 .color-yellow {color:#fff361;}
.local-seo-section08 h2 .color-red {color:#e57e74;}
.local-seo-section08 p {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.2; color:#ffffff; text-transform:uppercase; padding:15px 0; margin:0 auto; max-width:870px;}
.local-seo-section09 {min-height:630px; background:#d3d8d8 url(../images/local-seo-section09.jpg) no-repeat center;}
.local-seo-section09 article {padding:50px 0; max-width:580px; float:left;}
.local-seo-section09 h2 {font-family:'ImpactRegular'; font-size:70px; font-weight:normal; line-height:1; color:#162441; text-transform:uppercase; padding:15px 0;}
.local-seo-section09 ul {margin:0; padding:15px 0; list-style:none;}
.local-seo-section09 ul li {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#2a2a2a; padding:10px 0 10px 40px; background:url(../images/bullet-02.png) no-repeat 0 14px;}
.local-seo-section10 {padding:50px 0; background-color:#ffffff;}
.local-seo-section10 section {padding:100px 50px; text-align:center;}
.local-seo-section10 h2 {font-family:'ImpactRegular'; font-size:48px; font-weight:normal; line-height:1.2; color:#065381; text-transform:uppercase; padding:10px 0;}
.local-seo-section10 h6 {font-family:'Play', sans-serif; font-size:24px; font-weight:400; line-height:1.4; color:#0d1012; padding:10px 0;}
.local-seo-section10 h4 {font-family:'Play', sans-serif; font-size:30px; font-weight:400; line-height:1; color:#000000; min-height:80px; border-bottom:1px solid #b2b2b2; margin-bottom:20px;}
.local-seo-section10 p {font-family:'Play', sans-serif; font-size:18px; font-weight:400; line-height:1.4; color:#000000; padding:10px 0;}
.local-seo-section10 .box {min-height:450px; border:1px solid #979696; border-radius:100px 0 100px 0; padding:30px; position:relative; margin-top:150px;}
.local-seo-section10 .box figure {position:absolute; right:-1px; top:-98px; z-index:9999;}
.local-seo-section10 .box article {padding-top:100px;}
.local-seo-section10 .box article p {font-family:'Ubuntu', sans-serif; font-size:15px; padding:5px 0;}
.local-seo-section11 {min-height:550px; background:#000000 url(../images/local-seo-section11.jpg) no-repeat center;}
.local-seo-section11 article {padding:100px 0; max-width:470px; float:left;}
.local-seo-section11 p {font-family:'Lato', sans-serif; font-size:24px; font-weight:300; line-height:1.4; color:#000000; padding:15px 0;}
.local-seo-section12 {padding:40px 0; background-color:#0646a5; font-family:'Lato', sans-serif; font-size:30px; font-weight:300; line-height:1.2; color:#FFFFFF; text-align:center;}
.sitemap-ul, .sitemap-ul ul {margin:0 !important; padding:0 0 0 26px !important; list-style !important:none; border-left:2px solid #e8e8e8;}
.sitemap-ul li {list-style:none; padding:5px 0 !important;}
.sitemap-ul li:before {content:""; width:14px; border-top:2px solid #E2E2E2; position:absolute; margin-left:-26px; margin-top:12px;}
.sitemap-ul li a {color:#363636; transition:all .4s ease-in-out;}
.sitemap-ul li a:hover {color:#02a6dc;}
/* -----------------------------------------------------
------------------- Footer Styles -------------------
----------------------------------------------------- */
.footer-section01 {padding:80px 0 50px 0; min-height:510px; background-color:#183f53;}
.footer-section01 h2 {font-size:36px; font-weight:700; line-height:1; color:#FFF; text-transform:uppercase; padding-bottom:10px;}
.footer-section01 h3 {font-size:24px; font-weight:300; line-height:1; color:#FFF; text-transform:uppercase; padding:10px 0;}
.footer-section01 p {font-size:16px; font-weight:400; line-height:1.4; color:#FFF; padding:10px 0;}
.footer-section01 .section01 {padding-bottom:20px;}
.footer-section01 .section02 {padding:20px 0; border:1px solid #5e7987; border-width:1px 0;}
.footer-section01 .section03 {padding-top:20px;}
.footer-section01 .section03 figure {float:left; padding-right:20px; border-right:1px solid #FFF;}
.footer-section01 .section03 nav {float:left; padding:10px;}
.footer-section01 .section03 nav ul {margin:0; padding:0; list-style:none;}
.footer-section01 .section03 nav ul li {margin:0; padding:0 10px; float:left; font-size:24px; line-height:24px; color:#FFFFFF;}
.footer-section01 .section03 nav ul li a {color:#FFFFFF; display:block;}
.footer-section01 .brochure-download {min-height:200px; background-color:#e4e4e6;}
.footer-section01 .pay-online {border:1px solid #8c9fa9; min-height:140px; margin-top:40px; text-align:center; padding:10px;}
.footer-section01 .pay-online h2 {font-size:30px; margin-top:-28px; text-align:left; position:absolute;}
.footer-section01 .pay-online h2 span {padding:0 5px; background-color:#183f53; display:inline-block;}
.footer-section01 .pay-online img {margin-top:15px;}
.footer-section02 {padding:20px 0; background-color:#FFFFFF; text-align:center;}
.footer-section02 ul {margin:0; padding:10px 0; list-style:none;}
.footer-section02 ul li {margin:0; padding:0; display:inline; font-size:14px; font-weight:300; line-height:1.4; color:#1f3038;}
.footer-section02 ul li a {color:#1f3038; display:inline-block;}
.footer-section02 ul li a:hover, .footer-section02 ul li a.active {color:#00b5e0;}
.footer-section02 ul li span {padding:0 10px;}
.footer-section02 p {font-size:12px; font-weight:400; line-height:1.4; color:#1f3038; padding:10px 0;}
.responsive-footer-section {display:none;}
.cd-top {display:inline-block; height:50px; width:50px; position:fixed; bottom:34px; right:10px; z-index:999999; overflow:hidden; white-space:nowrap; background:#00b5e0; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; text-align:center;}
.cd-top .fa {display:block; font-size:24px; line-height:1.6;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; color:#FFF;}
.cd-top.cd-is-visible {visibility:visible; opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.no-touch .cd-top:hover {background-color:#081d22; opacity:1;}
@media only screen and (min-width:768px) {
.cd-top {right:10px; bottom:60px;}
}
@media only screen and (min-width:1024px) {
.cd-top {height:44px; width:44px; right:10px; bottom:60px; }
}
.error {color:#ff0000 !important; font-size:14px !important; font-weight:400 !important; margin-bottom:10px; position:absolute; top:20%; right:0%; z-index:100; padding-right:10px; border-radius:0 5px 5px 0 !important;}
.hiddenval {display:none;}
.no-js #loader {display:none;}
.js #loader {display:block; position:absolute; left:100px; top:0;}
.se-pre-con {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999999 !important; background-color:#FFFFFF;}
.se-pre-con .loader-div {position:absolute; top:50%; left:0; width:100%; height:200px; background-color:#FFFFFF; margin-top:-100px; text-align:center;}
.se-pre-con .loader-div .container {padding:25px 15px;}
.se-pre-con .loader-div h6 {font-family:'Quicksand', sans-serif; font-size:20px; font-weight:100; line-height:25px; color:#000000; text-transform:uppercase; letter-spacing:2px;}
.se-pre-con .loader-div p {font-family:'Quicksand', sans-serif; font-size:20px; font-weight:700; line-height:25px; color:#000000; letter-spacing:1px;}
.our-team {position:relative;}
.our-team .show_content {position:absolute; top:0; right:-100%; bottom:0; background:#000000; color:#FFFFFF; display:none; z-index:9999; width:100%; height:00%; padding:15px;}
#plus_part:after {position:absolute; content:"+"; right:0; bottom:0; color:#FFFFFF; width:30px; height:30px; font-size:22px; z-index:999; cursor:pointer;}
#plus_part.minas_part:after {position:absolute; content:"-"; right:0; bottom:0; color:#FFFFFF; width:30px; height:30px; font-size:22px; z-index:999; cursor:pointer;}
.form_paypal{
display:none;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:99;
}
.form_paypal .mask_part{
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.8);
}
.form_paypal .modal-dialog{
position:absolute;
left:0;
right:0;
bottom:25%;
z-index:9999;
}
.sudip{
overflow:hidden;
}
.sudip2{
z-index:inherit;
}
.form_paypal .modal-footer:after,
.form_paypal .modal-footer:before,
.form_paypal .modal-body .form-group:before,
.form_paypal .modal-body .form-group:after{
clear:both;
padding:0;
margin:0;
display:block;
content:"";
}
@media only screen and (max-width:760px){
.form_paypal .modal-dialog{
bottom:25%;
}
}
@media only screen and (min-width:760px) and (max-width:1204px){
.form_paypal .modal-dialog{
bottom:25%;
}
}
.new-portfolio-header {position:absolute; left:0; top:0; z-index:999; width:75%; height:70px; background-color:#FFFFFF;}
.new-portfolio-header figure {float:left; margin:0; padding:10px 15px;}
.new-portfolio-header .navigation {float:right; margin:0; padding:20px;}
.new-portfolio-header .portfolio-menu {float:right; margin-right:80px;}
.new-portfolio-header .portfolio-menu ul {margin:0; padding:0; list-style:none;}
.new-portfolio-header .portfolio-menu ul li {margin:0 1px; padding:0; float:left; font-family:'Play', sans-serif; font-size:16px; font-weight:400; line-height:34px; color:#334d5e;}
.new-portfolio-header .portfolio-menu ul li img {float:left; margin-right:10px;}
.new-portfolio-header .portfolio-menu ul li a {color:#334d5e; padding:18px; display:block;}
.new-portfolio-header .portfolio-menu ul li a:hover, .new-portfolio-header .portfolio-menu ul li a.active {color:#334d5e; background-color:#00b5e0; transition:all .4s ease-in-out;}
.new-portfolio-links {position:absolute; left:0; top:70px; z-index:999; width:120px; background-color:rgba(0,0,0,0.67); border:1px solid #686c6e; border-width:1px 1px 1px 0;}
.new-portfolio-links ul {margin:0; padding:0; list-style:none;}
.new-portfolio-links ul li {margin:0; padding:0; border-bottom:1px solid #686c6e; font-size:14px; font-weight:500; line-height:1.4; color:#FFFFFF; text-align:center;}
.new-portfolio-links ul li:last-child {border-bottom:none;}
.new-portfolio-links ul li a {color:#FFFFFF; padding:10px; display:block;}
.new-portfolio-links ul li span {display:block; padding-top:5px;}
.new-portfolio-links ul li a.active {color:#FFFFFF; background-color:rgba(0,0,0,1);}
.fixed-body {overflow:hidden;}
#cd-menu-trigger {position:fixed; right:20px; top:20px; z-index:99999;}
#cd-menu-trigger:after {font:normal 30px "FontAwesome"; line-height:30px; color:#3fc8ea; content:"\f0c9"; display:block; padding:0; margin:0;}
#cd-menu-trigger.close-menu:after {font:normal 30px "FontAwesome"; line-height:40px; color:#3fc8ea; content:"\f00d"; display:block; padding:0; margin:0;}
header nav {position:fixed; background:rgba(0,0,0,0.9); text-align:center; padding:4% 0 0 0; left:0; top:0; right:0; bottom:0; display:none; z-index:9999; overflow:auto;}
header nav ul {padding:0; margin:0; text-align:center; list-style:none;}
header nav ul li {font-family:'Play', sans-serif; font-size:40px; font-weight:700; line-height:2; color:#FFFFFF; padding:0; margin:0; text-transform:uppercase;}
header nav ul li a {color:#FFFFFF; padding:0; margin:0; text-transform:uppercase; display:block;}
header nav ul li a:hover, header nav ul li a:focus {color:#FFFFFF;}
header nav ul li ul {text-align:center; padding:0; margin:0; display:none;}
header nav ul li ul li {font-family:'Play', sans-serif; font-size:24px; font-weight:500; line-height:2; color:#FFFFFF; padding:0; margin:0; text-transform:uppercase;}
header nav ul li ul li a {color:#FFFFFF; padding:0; margin:0; text-transform:uppercase;}
header nav ul li ul li a:hover, header nav ul li ul li a:focus {color:#FFFFFF;}
.right-position {right:27% !important;}
.landing-wrapper {height:100vh; background:url(../images/portfolio-landingpage-bg.jpg) no-repeat bottom; background-size:cover;}