/* CSS Document */ /* Table of Content ================================================== 1.0 - Under Construction 2.0 - DT Responsive*/ /*-------------------------------------------------------------- 1.0 - Under Construction --------------------------------------------------------------*/ .under-construction.dt-sc-dark-bg { background: #000; } .under-construction .wrapper > .vc_row, .under-construction .vc_row > .container { height: 100%; padding: 0; width: 100%; } .under-construction .vc_row > .container > .wpb_column, .under-construction .vc_row > .container > .wpb_column > .wpb_wrapper { height: 100%; padding: 0; } .under-construction .wrapper .vc_row.vc-default-row { margin-left: 0; } .under-construction .wrapper .vc_row.vc-default-row .wpb_column.vc_col-sm-6 { padding: 0; } .uc_margin { margin-bottom: 0; } .under-construction .dt-sc-sociable { text-align: center; width: 100%; } .under-construction .dt-sc-sociable li { display: inline-block; float: none; margin-bottom: 10px; margin-right: 5px; padding-bottom: 0; } .under-construction .dt-sc-sociable li a { color: #fff; display: inline-block; height: 36px; line-height: 36px; width: 36px; } .under-construction .dt-sc-sociable li a i { display: none; } .under-construction .dt-sc-sociable li a.fa-facebook { background: #3162a2; } .under-construction .dt-sc-sociable li a.fa-facebook:hover { background: #2c5b98; } .under-construction .dt-sc-sociable li a.fa-twitter { background: #2eb1eb; } .under-construction .dt-sc-sociable li a.fa-twitter:hover { background: #27a9e3; } .under-construction .dt-sc-sociable li a.fa-dribbble { background: #ff68c5; } .under-construction .dt-sc-sociable li a.fa-dribbble:hover { background: #f65cbb; } .under-construction .dt-sc-sociable li a.fa-tumblr { background: #35465c; } .under-construction .dt-sc-sociable li a.fa-tumblr:hover { background: #2c3c51; } .under-construction .dt-sc-sociable li a.fa-google-plus { background: #c44542; } .under-construction .dt-sc-sociable li a.fa-google-plus:hover { background: #bc3f3c; } .under-construction .dt-sc-sociable li a.fa-vimeo { background: #3498b9; } .under-construction .dt-sc-sociable li a.fa-vimeo:hover { background: #2e90b1; } .under-construction .dt-sc-sociable li a.fa-flickr { background: #0063dc; } .under-construction .dt-sc-sociable li a.fa-flickr:hover { background: #015ccb; } .under-construction .dt-sc-sociable li a.fa-linkedin { background: #0077b5; } .under-construction .dt-sc-sociable li a.fa-linkedin:hover { background: #00679d; } .under-construction .dt-sc-sociable li a.fa-skype { background: #12a5f4; } .under-construction .dt-sc-sociable li a.fa-skype:hover { background: #0a95df; } .under-construction .dt-sc-sociable li a.fa-instagram { background: #3f729b; } .under-construction .dt-sc-sociable li a.fa-instagram:hover { background: #316289; } .under-construction .dt-sc-sociable li a.fa-android { background: #a4c639; } .under-construction .dt-sc-sociable li a.fa-android:hover { background: #96b630; } .under-construction .dt-sc-sociable li a.fa-youtube { background: #cd201f; } .under-construction .dt-sc-sociable li a.fa-youtube:hover { background: #bf1a19; } .under-construction .dt-sc-sociable li a.fa-stack-overflow { background: #fe7a15; } .under-construction .dt-sc-sociable li a.fa-stack-overflow:hover { background: #ea6e0f; } .under-construction .dt-sc-sociable li a.fa-pinterest { background: #bd081c; } .under-construction .dt-sc-sociable li a.fa-pinterest:hover { background: #a50315; } .under-construction .dt-sc-sociable li a.fa-vimeo-square { background: #1ab7ea; } .under-construction .dt-sc-sociable li a.fa-vimeo-square:hover { background: #14a9d9; } .under-construction .dt-sc-sociable li a.fa-github { background: #4183c4; } .under-construction .dt-sc-sociable li a.fa-github:hover { background: #3474b2; } .under-construction .dt-sc-counter-wrapper { display: inline-block; margin-right: 30px; text-align: center; } .under-construction .dt-sc-counter-number { color: #000; font-family: 'Lato',sans-serif; font-size: 81px; font-weight: bold; line-height: 62px; margin-bottom: 12px; } .under-construction .dt-sc-counter-wrapper.last { margin-right: 0; } .under-construction .dt-sc-newsletter-section h2 { display: inline-block; width: 100%; } .under-construction .dt-sc-newsletter-section { padding: 0; } .under-construction .dt-sc-newsletter-section .dt-sc-subscribe-frm { display: inline-block; float: none; margin-top: 15px; width: 455px; } .under-construction .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type='email'] { background: rgba(0,0,0,.05); display: inline-block; float: none; height: 52px; margin-right: 0; width: 67%; } .under-construction .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type='submit'] { display: inline-block; float: none; height: 52px; } .under-construction .dt-sc-newsletter-section h2 { display: inline-block; float: none; width: 100%; } .under-construction .dt-sc-newsletter-section.type1 h2:before, .under-construction .dt-sc-newsletter-section.type1 h2:after, .under-construction .dt-sc-newsletter-section.type1 form:before, .under-construction .dt-sc-newsletter-section.type1 form:after { display: none; } .under-construction .dt-sc-newsletter-section h2, .under-construction .dt-sc-newsletter-section form.dt-sc-subscribe-frm { padding: 0; } .under-construction.dt-sc-dark-bg .dt-sc-counter-number, .under-construction.type3.dt-sc-dark-bg .dt-sc-newsletter-section h2, .under-construction.type1.dt-sc-dark-bg .wpb_wrapper > h2, .under-construction.type1.dt-sc-dark-bg .dt-sc-counter-wrapper h3, .under-construction.type1.dt-sc-dark-bg .dt-sc-newsletter-section h2, .under-construction.type7.dt-sc-dark-bg .dt-sc-newsletter-section h2, .under-construction.type6.dt-sc-dark-bg .wpb_wrapper > h2, .under-construction.type5.dt-sc-dark-bg h2, .under-construction.type4.dt-sc-dark-bg .wpb_wrapper > h2 { color: #fff; } .under-construction.dt-sc-dark-bg .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type='email'] { background: rgba(255,255,255,.05); color: #fff; } /*----*****---- << 1.1 - Type3 >> ----*****----*/ .under-construction.type1, .under-construction.type4, .under-construction.type6, .under-construction.type7 { text-align: center; } .under-construction.type1 .read-more { font-size: 16px; text-transform: uppercase; } .under-construction.type1 .read-more a { color: #fff; } .under-construction.type1 .wpb_wrapper > h2 { color: #3b3b3b; font-size: 37px; font-weight: 600; text-transform: uppercase; } .under-construction.type1 .wpb_wrapper > p { color: #999; font-size: 21px; } .under-construction.type1 .dt-sc-newsletter-section { padding: 0; } .under-construction.type1 .dt-sc-newsletter-section form.dt-sc-subscribe-frm { display: inline-block; float: none; position: relative; width: 510px; } .under-construction.type1 .dt-sc-newsletter-section form.dt-sc-subscribe-frm input[type='email'] { background: #fff; border: 1px solid #d3d3d3; border-radius: 10px; color: #999; padding: 20px 15px; width: 100%; } .under-construction.type1 .dt-sc-newsletter-section form.dt-sc-subscribe-frm input[type='submit'] { border-radius: 0 10px 10px 0; color: #fff; font-size: 16px; margin-top: 0; padding: 11px 20px 11px; position: absolute; right: 0; top: 0; } .under-construction.type1 .dt-sc-newsletter-section { float: none; width: auto; } .under-construction.type1 .dt-sc-newsletter-section h2 { color: #3b3b3b; font-size: 24px; font-weight: normal; text-transform: uppercase; } .under-construction.type1 .dt-sc-counter-wrapper { box-sizing: border-box; display: inline-block; margin-right: 35px; text-align: center; } .under-construction.type1 .dt-sc-counter-wrapper.last, .dt-sc-counter-wrapper.last { margin-right: 0; } .under-construction.type1 .dt-sc-counter-wrapper.last .counter-icon-wrapper:after, .dt-sc-counter-wrapper.last .counter-icon-wrapper:after { content: none; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper { height: 105px; margin-bottom: 15px; position: relative; width: 120px; z-index: 1; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper:before { border-radius: 15px; content: ''; height: 90px; left: 0; margin: auto; position: absolute; right: 0; transform: rotate(45deg); width: 90px; z-index: -1; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::after { color: #fff; content: ':'; font-size: 40px; position: absolute; right: -26px; top: 26px; } .under-construction.type1 .dt-sc-counter-wrapper .dt-sc-counter-number { color: #fff; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 46px; font-weight: bold; line-height: 90px; } .under-construction.type1 .dt-sc-counter-wrapper h3 { color: #3b3b3b; font-size: 18px; font-weight: 300; margin-bottom: 0; text-transform: uppercase; } .under-construction .dt_ajax_subscribe_msg { color: #f00; } /*----*****---- << 1.2 - Type2 >> ----*****----*/ .under-construction.type2 { text-align: center; } .under-construction.type2 .wrapper > .vc_row { height: auto; } .under-construction.type2 .logo { float: left; padding-left: 90px; padding-top: 27px; } .under-construction.type2 .top-list { float: right; font-size: 16px; padding-top: 27px; text-transform: uppercase; } .under-construction.type2 .top-list li { display: inline-block; margin-right: 30px; } .under-construction.type2 .top-list li a { color: #999; } .under-construction.type2 .aligncenter, .under-construction.type7 .aligncenter { overflow-y: auto; } .under-construction.type2 .aligncenter > h2, .under-construction.type2 .downcount .dt-sc-counter-wrapper:first-child .dt-sc-counter-number { font-family: 'Lato', sans-serif; font-size: 150px; margin-bottom: 0; } .under-construction.type2 p, .under-construction.type2 .downcount .dt-sc-counter-wrapper:first-child h3 { color: #999; font-size: 34px; } .under-construction.type2 .dt-sc-newsletter-section, .under-construction.type7 .dt-sc-newsletter-section { padding: 0; } .under-construction.type2 .dt-sc-newsletter-section h2 { float: none; font-family: 'Lato', sans-serif; font-size: 26px; font-style: italic; width: 100%; } .under-construction.type2 .mailchimp-newsletter h3, .under-construction.type7 .mailchimp-newsletter h3 { font-style: italic; font-weight: normal; } .under-construction.type2 .dt-sc-newsletter-section form, .under-construction.type7 .dt-sc-newsletter-section form { display: inline-block; float: none; position: relative; width: 415px; } .under-construction.type2 .dt-sc-newsletter-section form input[type='email'] { background: transparent; border: 2px solid #404040; width: 100%; } .under-construction.type2 .dt-sc-newsletter-section form input[type='submit'] { background-color: transparent; background-image: url(../images/submit-ico-dark.png); background-position: 0 14px; background-repeat: no-repeat; background-size: 20px 21px; margin-top: 0; position: absolute; right: 2px; text-indent: -9999px; top: 2px; } .under-construction.type2.dt-sc-dark-bg .dt-sc-newsletter-section form input[type='submit'] { background-image: url(../images/submit-ico.png); } .under-construction.type2 .downcount { padding-top: 230px; position: relative; } .under-construction.type2 .dt-sc-counter-wrapper:first-child .dt-sc-counter-number { line-height: 110px; } .under-construction.type2 .dt-sc-counter-wrapper:first-child .counter-icon-wrapper { margin-bottom: 15px; } .under-construction.type2 .dt-sc-counter-wrapper.last, .under-construction.type7 .dt-sc-counter-wrapper.last { margin-right: 0; } .under-construction.type2 .dt-sc-counter-wrapper { background: #242424; background: #fff; border-radius: 0; border-top: 10px solid #404040; display: inline-block; margin-right: 40px; padding: 20px 20px 10px; } .under-construction.type2 .dt-sc-counter-wrapper:first-child { background: none; border: 0; display: block; left: 0; margin: 0 auto; padding: 0; position: absolute; right: 0; top: 5px; } .under-construction.type2 .counter-icon-wrapper .dt-sc-counter-number { font-size: 44px; line-height: 42px; ; margin-bottom: 0; } .under-construction.type2 .dt-sc-counter-wrapper h3 { font-size: 16px; font-weight: normal; margin-bottom: 0; } .under-construction.type2 .dt-sc-sociable { margin-bottom: 20px; } .under-construction.type2 .dt-sc-sociable > li { display: inline-block; margin-right: 5px; padding-bottom: 0; } .under-construction.type2 .dt-sc-sociable > li a { background: transparent; border: 1px solid #999; border-radius: 50%; color: #666; display: inline-block; height: 40px; line-height: 40px; width: 40px; } .under-construction.type2 .dt-sc-sociable > li:hover a { color: #fff; } /*----*****---- << 1.3 - Type3 >> ----*****----*/ .under-construction.type3 { text-align: center; } .under-construction.type3 .wpb_wrapper > h2 { font-size: 60px; font-style: italic; margin-bottom: 5px; } .under-construction.type3 p { font-size: 35px; font-style: italic; } .under-construction.type3 .dt-sc-newsletter-section { display: inline-block; float: none; padding: 0; position: relative; width: auto; } .under-construction.type3 .dt-sc-newsletter-section form:after { background: url(../images/newsletter-bg-1.png) right no-repeat; content: ''; display: block; height: 98px; position: absolute; right: -104px; top: -63px; width: 58px; } .under-construction.type3 .dt-sc-newsletter-section.type1 form:after { left: auto; } .under-construction.type3 .dt-sc-newsletter-section h2 { color: #010101; font-size: 35px; font-weight: normal; } .under-construction.type3 .dt-sc-newsletter-section p { color: #000; font-size: 14px; font-style: normal; } .under-construction.type3 .dt-sc-newsletter-section form { display: inline-block; float: none; position: relative; width: 500px; } .under-construction.type3 .dt-sc-newsletter-section form input[type='email'] { border: 1px solid #f5f5f5; margin-right: 0; width: 100%; } .under-construction.type3 .dt-sc-newsletter-section form input[type='submit'] { border-radius: 0; margin-top: 0; position: absolute; right: 0; top: 0; } .under-construction.type3 .dt-sc-sociable { width: 100%; } .under-construction.type3 .dt-sc-sociable > li { display: inline-block; float: none; margin-right: 5px; padding-bottom: 0; } .under-construction.type3 .dt-sc-sociable > li a { background: transparent; border: 1px solid #e5e5e5; border-radius: 50%; color: #666; display: inline-block; height: 40px; line-height: 40px; width: 40px; } .under-construction.type3 .dt-sc-sociable > li:hover a { color: #fff; } .under-construction.type3.dark .wpb_wrapper > h2 { color: #fff; } /*----*****---- << 1.4 - Type4 >> ----*****----*/ .under-construction.type4 .wrapper > .vc_row > .wpb_column { position: inherit; } .under-construction.type4 .wrapper .logo { left: 20px; position: absolute; top: 20px; } .under-construction.type4 .wrapper .coming-soon > .logo { position: inherit; } .under-construction.type4 .wpb_wrapper > h2 { color: #222328; font-size: 59px; font-weight: normal; } .under-construction.type4 .wpb_wrapper > p { color: #999; font-size: 21px; line-height: 35px; } .under-construction.type4 .wpb_wrapper > p span { color: #fff; } .under-construction.type4 .dt-sc-counter-wrapper { box-sizing: border-box; display: inline-block; margin-right: 35px; padding: 20px; text-align: center; } .under-construction.type4 .dt-sc-counter-wrapper.last { margin-right: 0; } .under-construction.type4 .dt-sc-counter-wrapper .counter-icon-wrapper { position: relative; } .under-construction.type4 .dt-sc-counter-wrapper .dt-sc-counter-number { color: #fff; display: inline-block; font-size: 60px; font-style: italic; font-weight: bold; line-height: 40px; } .under-construction.type4 .dt-sc-counter-wrapper h3 { color: #fff; font-size: 20px; font-weight: 300; margin-bottom: 0; } .under-construction.type4 .wpb_wrapper > h4 { color: #fff; display: inline-block; font-size: 30px; font-weight: 300; position: relative; } .under-construction.type4 .wpb_wrapper > h4:before { content: '{'; left: -40px; position: absolute; } .under-construction.type4 .wpb_wrapper > h4:after { content: '}'; position: absolute; right: -40px; } .under-construction.type4 .wpb_wrapper > .error-box h4:before, .under-construction.type4 .coming-soon .error-box h4:after { content: none; } .under-construction.type4 .read-more i, .under-construction.type4 .read-more span { font-family: Pe-icon-7-stroke; font-size: 50px; } /*----*****---- << 1.5 - Type5 >> ----*****----*/ .under-construction.type5, .under-construction.type5 .wrapper { height: 100%; text-align: center; width: 100%; } .under-construction.type5 .coming-soon-wrapper { display: table; height: 100%; width: 100%; } .under-construction.type5 .coming-soon { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .under-construction.type5 .header { background: #080808; padding: 0 0 5px; position: relative; width: 100%; } .under-construction.type5 .header, .header .vc_column_container { min-height: 120px; } .under-construction.type5 h2, .under-construction.type5 .dt-sc-counter-wrapper, .under-construction.type5 .dt-sc-counter-wrapper h3, .under-construction.type5 input[type='email'] { font-family: 'Oswald', sans-serif; } .under-construction.type5 .logo { bottom: 0; height: 82px; left: 0; margin: auto 0 auto 25px; position: absolute; top: 0; vertical-align: middle; } .under-construction.type5 h2 { color: #3b3b3b; font-size: 80px; font-weight: 300; line-height: normal; margin-bottom: 0; text-align: center; text-transform: uppercase; } .under-construction.type5 .dt-sc-newsletter-section h2 { font-size: 25px; } .under-construction.type5 .dt-sc-counter-wrapper { display: inline-block; margin-right: 30px; text-align: center; } .under-construction.type5 .dt-sc-counter-number { font-size: 55px; font-weight: bold; line-height: 53px; } .under-construction.type5 .counter-icon-wrapper { margin-bottom: 5px; } .under-construction.type5 .dt-sc-counter-wrapper h3 { color: #6b6b6b; font-size: 24px; font-weight: 300; margin-bottom: 0; text-transform: uppercase; } .under-construction.type5 .footer { display: inline-block; position: relative; text-align: center; top: 120px; width: 100%; } .under-construction.type5 .footer .dt-sc-team-social { margin-bottom: 10px; } .under-construction.type5 .footer .dt-sc-team-social li { display: inline-block; float: none; margin: 0 15px; padding-bottom: 0; } .under-construction.type5 .footer .dt-sc-team-social li a { color: #fff; } .under-construction.type5 .dt-sc-newsletter-section { padding: 0; } .under-construction.type5 .dt-sc-newsletter-section .dt-sc-subscribe-frm { display: inline-block; float: none; margin-top: 29px; position: relative; width: 455px; } .under-construction.type5 form:before { background: url(../images/newsletter-bg.png) no-repeat; content: ''; display: block; height: 134px; left: -138px; position: absolute; top: -98px; width: 127px; } .under-construction.type5 .dt-sc-newsletter-section input[type='email'] { border-radius: 5px; font-weight: normal; margin-right: 0; width: 100%; } .under-construction.type5 input[type='submit'] { background: rgba(0, 0, 0, 0) url(../images/submit-black.png) no-repeat scroll 0 0; background-size: 22px; margin-top: 0; position: absolute; right: 0; text-indent: -9999px; top: 14px; } .under-construction.type5.dt-sc-dark-bg input[type='submit'] { background-image: url(../images/submit-white.png); } /*----*****---- << 1.6 - Type6 >> ----*****----*/ .under-construction.type6 .dt-sc-newsletter-section { padding: 0; } .under-construction.type6 form { display: inline-block; float: none; position: relative; width: 455px; } .under-construction.type6 .dt-sc-newsletter-section input[type='email'] { background: rgba(0,0,0,.05); color: #000; font-weight: normal; font-weight: bold; margin-right: 0; text-transform: uppercase; width: 100%; } .under-construction.type6 .dt-sc-newsletter-section input[type='submit'] { background: rgba(0, 0, 0, 0) url(../images/newsletter-button.png) no-repeat; background-size: 26px 16px; display: block; height: 16px; margin-top: 0; padding: 0; position: absolute; right: 14px; text-indent: -9999px; top: 17px; width: 26px; } .under-construction.type6.dt-sc-dark-bg .dt-sc-newsletter-section input[type='submit'] { background-image: url(../images/newsletter-button-white.png); } .under-construction.type6 .dt-sc-counter-wrapper h3 { color: #3b3b3b; font-size: 30px; font-style: italic; font-weight: normal; } .under-construction.type6 .black .wpb_wrapper > h2, .under-construction.type6 .black .dt-sc-counter-wrapper h3 { color: rgba(0, 0, 0, .65); } .under-construction.type6 .white .dt-sc-counter-number { color: rgba(255, 255, 255, .65); } .under-construction.type6 input[type='email'], .under-construction.type6 .wpb_wrapper > h2, .under-construction.type6 .dt-sc-counter-wrapper h3 { font-family: 'Lora', serif; } .under-construction.type6 .wpb_wrapper > h2 { color: #3b3b3b; font-size: 60px; font-style: italic; font-weight: normal; } /*----*****---- << 1.7 - Type7 >> ----*****----*/ .under-construction.type7 .rounded-corner .dt-sc-counter-wrapper { border-radius: 25px 0 25px 0; } .under-construction.type7 .rounded-corner .dt-sc-counter-wrapper:hover { border-radius: 0 25px 0 25px; } .under-construction.type7 .rounded-corner .dt-sc-sociable li a { border-radius: 10px 0 10px 0; } .under-construction.type7 .rounded-corner .dt-sc-sociable li a:hover { border-radius: 0 10px 0 10px; } .under-construction.type7 .dt-sc-counter-wrapper { border: 0; border-radius: 40px 0; display: inline-block; margin-right: 30px; min-width: 77px; padding: 20px 20px 17px; transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number { font-size: 44px; margin-bottom: 0; } .under-construction.type7 .downcount { position: relative; } .under-construction.type7 .downcount h3 { font-size: 21px; margin-bottom: 10px; } .under-construction.type7 .dt-sc-newsletter-section input[type='email'] { background: rgba(0,0,0,.05); border-radius: 25px; height: 52px; margin-right: 0; width: 100%; } .under-construction.type7 .dt-sc-newsletter-section form input[type='submit'] { border-radius: 0 25px 25px 0; height: 52px; margin-top: 0; padding: 15px 20px; position: absolute; right: 0; top: 0; } .under-construction.type7 h2.vc_custom_heading { font-family: Myriad Pro; font-size: 50px; font-weight: bold; } .under-construction.type7 .dt-sc-newsletter-section h2 { color: #000; float: none; font-size: 20px; font-weight: bold; margin-bottom: 15px; width: 100%; } .under-construction.type7 .dt-sc-counter-wrapper h3, .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number, .under-construction.type7 .dt-sc-newsletter-section form input[type='submit'] { color: #fff; } .under-construction.type7 .radius-button .dt-sc-subscribe-frm input[type='submit'] { border-radius: 0 23px 23px 0; height: 50px; } .under-construction.type7 .radius-button .dt-sc-subscribe-frm input[type='email'] { border-radius: 23px 26px 26px 23px; height: 50px; } body, .under-construction.wrapper, .under-construction.wrapper .uc-wrapper-inner { height: 100%; vertical-align: middle; width: 100%; } body.logged-in { height: auto; } .under-construction.wrapper { display: table; } .under-construction.wrapper .uc-wrapper-inner { display: table-cell; vertical-align: middle; } /*-------------------------------------------------------------- 2.0 - DT Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type1 .logo, .under-construction.type1 .read-more { position: inherit; } .under-construction.type5 .dt-sc-counter-wrapper { margin-right: 20px; } .under-construction.type5 .dt-sc-counter-number { font-size: 45px; } .under-construction.type5 h2 { font-size: 58px; position: relative; top: 17px; } .under-construction.type5 .logo { height: 75px; } .under-construction.type5 .logo img { max-width: 90%; } .under-construction.type6 .dt-sc-counter-wrapper h3 { font-size: 27px; } .under-construction.type6 .dt-sc-counter-number { font-size: 71px; } .under-construction.type6 .dt-sc-counter-wrapper.last { margin-right: 0; } .under-construction.type7 .dt-sc-counter-wrapper { margin-right: 20px; min-width: 62px; padding: 20px 15px 17px; } .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number { font-size: 40px; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type5 .logo { display: none; } .under-construction.type5 h2 { display: inline-block; font-size: 60px; margin: 18px 0 0 20px; text-align: left; } .under-construction.type5 .dt-sc-counter-wrapper { margin-right: 20px; } .under-construction.type5 .dt-sc-counter-number { font-size: 45px; } .under-construction.type2 .dt-sc-newsletter-section form { width: 80%; } .under-construction.type2 .dt-sc-counter-wrapper { margin-right: 30px; padding: 15px 15px 13px; } .under-construction.type6 form { width: 80%; } .under-construction.type6 .dt-sc-counter-wrapper { margin-right: 20px; } .under-construction.type7 .vc_col-sm-6 { margin: 0; width: 100%; } .under-construction.type7 .dt-sc-newsletter-section form { width: 60%; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type1 .dt-sc-counter-wrapper { margin-right: 0; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::before { height: 70px; width: 70px; } .under-construction.type1 .dt-sc-counter-wrapper .dt-sc-counter-number { font-size: 36px; line-height: 70px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::after { right: -5px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper { height: 77px; width: 114px; } .under-construction.type4 .wrapper > .logo { left: 5px; top: 5px; } .under-construction.type4 .dt-sc-counter-wrapper { margin-bottom: 20px; } .under-construction.type7 .dt-sc-counter-wrapper { margin-bottom: 5px; margin-right: 15px; min-width: 62px; } .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number { font-size: 37px; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type1 .logo { max-width: 80%; } .under-construction.type4 .logo { margin: 0 auto; width: 230px; } .under-construction.type4 .logo img { max-width: 90%; } .under-construction.type4 .wpb_wrapper > h4:before, .under-construction.type4 .wpb_wrapper > h4:after { content: none; } .under-construction.type5 .dt-sc-counter-wrapper { margin-left: 15px; margin-right: 15px; } .under-construction.type5 h2 { font-size: 50px; } .under-construction.type5 form::before { content: none; } .under-construction.type5 form { width: 73%; } .under-construction.type5 .header, .header .vc_column_container { min-height: inherit; } .under-construction.type6 .logo img, .under-construction.type7 .logo img { max-width: 100%; } .under-construction.type6 .dt-sc-counter-wrapper { margin-right: 20px; } .under-construction.type6 .dt-sc-counter-number { font-size: 61px; } .under-construction.type6 .dt-sc-counter-wrapper h3 { font-size: 20px; } .under-construction.type6 .logo, .under-construction.type7 .logo { margin: 0 auto; } .under-construction.type6 input[type='submit'] { background-color: #fff; background-position: right center; height: 18px; width: 30px; } .under-construction.type7 .aligncenter .wpb_text_column h2 { font-size: 34px; } .under-construction.type7 .downcount h3 { font-size: 13px; } .under-construction.type7 .dt-sc-newsletter-section h2 { font-size: 18px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::before { height: 50px; width: 50px; } .under-construction.type1 .dt-sc-counter-wrapper .dt-sc-counter-number { font-size: 25px; font-weight: normal; line-height: 50px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper { height: 50px; width: 74px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::after { right: -6px; top: 15px; } .under-construction.type1 .dt-sc-counter-wrapper { margin-right: 0; } .under-construction.type1 .dt-sc-counter-wrapper h3 { text-transform: capitalize; } .under-construction.type2 .dt-sc-counter-wrapper { margin-right: 20px; padding: 12px 12px 9px; } .under-construction.type3 p { font-size: 20px; } .under-construction.type4 .wrapper > .logo { left: 5px; top: 5px; } .under-construction.type6 .logo, .under-construction.type7 .logo { width: 290px; } .under-construction.type7 .dt-sc-counter-wrapper { margin-bottom: 5px; margin-right: 10px; min-width: 42px; padding: 20px 10px 17px; } .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number { font-size: 30px; margin-bottom: 5px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /*----*****---- << Coming Soon >> ----*****----*/ .under-construction.type1 .dt-sc-counter-wrapper { margin-right: 10px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper { height: 27px; width: 50px; } .under-construction.type1 .dt-sc-counter-wrapper .dt-sc-counter-number { font-size: 25px; line-height: normal; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper::after { font-size: 32px; right: -11px; top: 3px; } .under-construction.type1 .dt-sc-counter-wrapper .counter-icon-wrapper:before { content: none; } .under-construction.type1 .dt-sc-counter-wrapper h3 { font-size: 12px; text-transform: capitalize; } .under-construction.type5 form { width: 83%; } .under-construction.type2 .dt-sc-newsletter-section form input[type='submit'] { background-position: center; } .under-construction.type2 .aligncenter > h2, .under-construction.type2 .downcount .dt-sc-counter-wrapper:first-child .dt-sc-counter-number { font-size: 100px; } .under-construction.type2 .dt-sc-counter-wrapper { margin-bottom: 5px; margin-right: 5px; } .under-construction.type4 .wrapper > .logo { display: none; } .under-construction.type4 p { font-size: 14px; line-height: normal; } .under-construction.type4 h2 { font-size: 28px; } .under-construction.type4 > h4 { font-size: 20px; } .under-construction.type6 .logo { width: 200px; } .under-construction.type6 input[type='email'] { font-size: 15px; padding-left: 15px; padding-right: 15px; text-transform: capitalize; } .under-construction.type3 p { font-size: 17px; } .under-construction.type3 .dt-sc-newsletter-section form { text-align: center; } .under-construction.type3 .dt-sc-newsletter-section form input[type='submit'] { float: none; margin-top: 10px; position: inherit; } .under-construction.type3 .dt-sc-sociable > li { margin: 0 3px; } .under-construction.type3 .dt-sc-newsletter-section h2 { font-size: 29px; line-height: normal; } .under-construction.type7 .logo { margin: 0 auto; width: 200px; } .under-construction.type7 .logo img { max-width: 80%; } .under-construction.type7 .dt-sc-counter-wrapper { margin-bottom: 5px; margin-right: 5px; min-width: 36px; padding: 10px 6px 11px; } .under-construction.type7 .counter-icon-wrapper .dt-sc-counter-number { font-size: 25px; margin-bottom: 5px; } .under-construction.type7 .aligncenter > h2 { font-size: 40px; } .under-construction.type7 .rounded-corner .dt-sc-counter-wrapper { border-radius: 10px 0 10px 0; margin-bottom: 5px; } .under-construction.type7 .rounded-corner .dt-sc-counter-wrapper:hover { border-radius: 0 10px 0 10px; } .under-construction.type7 .dt-sc-sociable li { margin-bottom: 5px; } .under-construction.type7 .radius-button .dt-sc-subscribe-frm input[type='email'] { text-transform: capitalize; } .under-construction.type7 .dt-sc-newsletter-section h2 { line-height: normal; } }