/*-- Fonts --*//*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600&display=swap');*/ @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215} @font-face{font-family: 'Dosis Light'; src: url('fonts/Dosis-light-webfont.eot'); src: url('fonts/Dosis-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-light-webfont.woff2') format('woff2'), url('fonts/Dosis-light-webfont.woff') format('woff'), url('fonts/Dosis-light-webfont.ttf') format('truetype'), url('fonts/Dosis-light-webfont.svg#Dosis Light') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Dosis Medium'; src: url('fonts/Dosis-medium-webfont.eot'); src: url('fonts/Dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-medium-webfont.woff2') format('woff2'), url('fonts/Dosis-medium-webfont.woff') format('woff'), url('fonts/Dosis-medium-webfont.ttf') format('truetype'), url('fonts/Dosis-medium-webfont.svg#Dosis Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Dosis Regular'; src: url('fonts/Dosis-regular-webfont.eot'); src: url('fonts/Dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-regular-webfont.woff2') format('woff2'), url('fonts/Dosis-regular-webfont.woff') format('woff'), url('fonts/Dosis-regular-webfont.ttf') format('truetype'), url('fonts/Dosis-regular-webfont.svg#Dosis Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Dosis Bold'; src: url('fonts/Dosis-bold.eot'); src: url('fonts/Dosis-bold.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-bold.woff2') format('woff2'), url('fonts/Dosis-bold.woff') format('woff'), url('fonts/Dosis-bold.ttf') format('truetype'), url('fonts/Dosis-bold.svg#Dosis Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Dosis SemiBold'; src: url('fonts/Dosis-semibold.eot'); src: url('fonts/Dosis-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-semibold.woff2') format('woff2'), url('fonts/Dosis-semibold.woff') format('woff'), url('fonts/Dosis-semibold.ttf') format('truetype'), url('fonts/Dosis-semibold.svg#Dosis SemiBold') format('svg'); font-weight: normal; font-style: normal; } /*-- Reset css --*/ /*==================box-sizing================*/ *{box-sizing:border-box} *, *:before, *:after{box-sizing:border-box} html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit} /*====*/ *{margin:0;padding:0;border:none} abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted} dfn{font-style:normal} .left{float:left}.right{float:right} .clear{clear:both} .aligncenter{text-align:center}.alignright{text-align:right} a{color:#5c5c5c;outline:none;border:none;text-decoration:none} a:visited{color:#5c5c5c} a:hover{text-decoration:none;color:#0198d1} a:active{color:#000} address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal} :focus{outline:0} ul,ol{list-style:none;margin:0;padding:0} p{font-size: 15px;padding: 8px 0;line-height: 24px;margin: 0;color: #797979;} .input-group{position:relative;margin-bottom:15px} .form-control{background:#fff;border:solid 1px #efefef;font-size:17px;color:#797979;border-radius:4px;width:100%;height:44px;padding:8px 15px} .form-control::-moz-placeholder{color:#797979;opacity:1} .form-control:-ms-input-placeholder{color:#797979} .form-control::-webkit-input-placeholder{color:#797979} textarea{font:12px Arial, Helvetica, sans-serif} textarea.form-control{height:135px} .block{display:inline-block;width:100%} .button{display: inline-block;background-color: transparent;color: #fff;font-size: 16px;text-transform: uppercase;border: solid 2px #fff;padding: 12px 26px; text-align: center;vertical-align: middle;border-radius: 4px;} a.button{color:#fff} a.button:hover,.button:hover{background:#ef3e37;color:#fff} .error{ display:block;color:#d60606; margin-top:5px} .alert-success{opacity:1} .button.radius{border-radius:4px} .capitalize{text-transform:none;text-transform:capitalize} img.img-block{display:block;max-width:100%;height:auto} .center-box{background-color:transparent;text-align:center;padding:60px 0} .ucase:before{text-transform:uppercase} .scaling{margin: 0 auto;/*width: 100%;height: 100%;*/overflow: hidden;} .scaling img{margin: 0 auto;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .35s;transition: all .35s;} .scaling:hover img{-webkit-transform: scale(1);transform: scale(1);filter: brightness(.7);-webkit-filter: brightness(.7);} /*-- Body --*/ html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif} body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#404040} /*====----====*/ /*html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden} .page-body,.page-content{position:relative} .page-body{min-height:100vh} .page-content{min-height:100vh;background-color:#fff}*/ /*====----====*/ .container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}/*-- Container --*/ .container-fluid{width: 100%;padding-right: 26px;padding-left: 26px;margin-right: auto;margin-left: auto;} .container-xlg{width: 100%;max-width: 1920px;padding-right: 26px;padding-left: 26px;margin-right: auto;margin-left: auto;} .white-color{color:#fff;} h1,h2,h3,h4,h5,.our-clients .author .author-name,.button,#footer h3,.discover-more span,.web-services li{font-family:'Dosis SemiBold', Arial, sans-serif;} #nav ul li a,#nav ul li span,.get-quality p,.bottom-content .about-content p{font-family:'Open Sans', Arial, sans-serif;font-weight:600} .welcome .details p,.discover-more span,.sm-text em,#location a,.portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {font-family:'Dosis SemiBold', Arial , sans-serif;} /*.button{font-family:'Dosis Regular', Arial, sans-serif;}*/ .digital-services ul li span{font-family:'Dosis Regular', Arial , sans-serif;} .hd-h2{font-family:'Dosis SemiBold', Arial, sans-serif;font-size:3.625rem;color:#1f1f1f;margin:0 0 18px;text-transform:uppercase;} .hd-h2 span{font-family:'Dosis Medium', Arial, sans-serif;font-size:27px;color:#fa344e;display:block;position:relative;letter-spacing:16px;margin-top:10px;} /*.hd-h2 span::before, .hd-h2 span::after{content: "";background:#ef3e37;width:171px;height:1px;display:inline-block;vertical-align:middle;margin:0 17px 4px 0;} .hd-h2 span::after{margin:0 0 4px 0;}*/ .heading{font-family:'Dosis SemiBold', Arial, sans-serif;font-size:60px;margin:0 0 24px;color:#1f1f1f;text-transform:uppercase;} .heading span{display:block;} .heading.white-color{color:#fff;} .hd-h3{font-family:'Dosis SemiBold', Arial, sans-serif;font-size:58px;color:#1f1f1f;margin:0 0 18px;text-transform:uppercase;} .hd-h3 span{font-family:'Dosis Medium', Arial, sans-serif;font-size:27px;color:#fa344e;display:block;margin:0 0 10px;} .span-hd{font-family:'Dosis SemiBold', Arial, sans-serif;display:block;font-size:31px;margin:0 0 15px;color:#1f1f1f;text-transform:uppercase;} .contact-form .button{font-family:'Dosis Bold', Arial, sans-serif;} /*-- Header --*/ .home #top{min-height:801px;margin:0 auto/*;overflow:hidden;*/} /*.animate-background{width: 100%;height:100%;animation: breath 40s linear infinite;background-size:100% 100%;} @keyframes breath{0%{ background-size: 100% 100%; }50% { background-size: 120% 120%; }100% { background-size: 100% 100%; }} */ #video{height:calc(100vh - 100px);max-height:800px;min-height:800px;position:relative} .video-container{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0} #video video{display:inline-block;vertical-align:baseline;min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} /*====----hover----====*/ .header-wrapper{overflow: hidden;width:100%;height:100%;position:relative;} /*.zoominheader,.zoomoutheader{position:relative;} .zoominheader:before {content:" ";position:absolute;left:0;right:0;top:0;width:100%;height:100%;min-height:801px;background:url(images/header-bg.jpg); background-size: auto;background-position:center 0;background-attachment:fixed;background-repeat: no-repeat;background-size:cover;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;-webkit-animation: zoomin 10s ease-in infinite;animation: zoomin 50s ease-in infinite;-webkit-transition: all 1.8s ease-in-out;transition: all 1.8s ease-in-out;overflow:hidden;} .zoomoutheader:after {content:" ";position:absolute;left:0;right:0;top:0;width:100%;height:801px;background: none;-webkit-animation: zoomout 10s ease-in infinite; -webkit-animation: zoomout 50s ease-in infinite;animation: zoomout 50s ease-in infinite;-webkit-transition: all 1.9s ease-in-out;transition: all 1.9s ease-in-out; overflow: hidden;}*/ /* Zoom in Keyframes */ /*@-webkit-keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } @keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } @-webkit-keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);} } @keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);} } */ /*============end==============*/ /*===============================================*/ .skew-top { position: absolute; top: 0; left: 205px; height:50.05%/*400px*/; display: block; opacity: 1; z-index: 100; -webkit-animation: float-skew-top 0.6s ease-in forwards; -moz-animation: float-skew-top 0.6s ease-in forwards; -o-animation: float-skew-top 0.6s ease-in forwards; animation: float-skew-top 0.6s ease-in forwards;width: 466px; transform: skew(-29deg); display: block; background-color: rgba(244,33,20,0.66); z-index: 10; } @-webkit-keyframes float-skew-top{ 0% { top: -900px; left: 800px; } 100% { top: 0px; left: 205px; } } .skew-bottom{ position: absolute; bottom: 0; left: -18px; height:50%/*401px*/; display: block; opacity: 1; z-index: 100; -webkit-animation: float-skew-bottom 0.6s ease-in forwards; -moz-animation: float-skew-bottom 0.6s ease-in forwards; -o-animation: float-skew-bottom 0.6s ease-in forwards; animation: float-skew-bottom 0.6s ease-in forwards; width: 466px; transform: skew(-29deg); display: block; background-color: rgba(244,33,20,0.66); z-index: 10; } @-webkit-keyframes float-skew-bottom{ 0% { bottom: -900px; left: -400px; } 100% { bottom: 0px; left: -18px; } } /*===========================================*/ .animate-reveal { opacity: 0; -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; -moz-animation: reveal 1s ease-in 1 normal forwards; -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; } .animate-cubic { opacity: 0; -webkit-animation: reveal-cubic 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; -moz-animation: reveal-cubic 1s ease-in 1 normal forwards; -o-animation: reveal-cubic 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; animation: reveal-cubic 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; } .animate-first { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .animate-second { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .animate-fourth { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .animate-third { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } @keyframes reveal { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes reveal-cubic { 0% { opacity: 0; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .header{padding:15px 0 0;} .header .navbar-brand{margin:0;padding:0;min-height:106px;} .toll-free{display:block;color:#fff;text-align:right;margin:0;padding:0;font-size:14px;} .toll-free span{display:inline-block;text-transform:uppercase;} .intro{color:#fff;padding-top:0;/*position:relative;*/} .intro h1{font-size:50px} .intro .intro-caption{max-width:900px;position: relative;z-index: 100;} .home .intro{padding-top:347px;max-width:1920px;margin:0 auto;} .home .intro h1{font-size:82px/*103px*/;margin:0 0 15px;} .home .intro h1 span{display:block;font-size:60px;color:#fff;font-weight:400} .intro .button{font-size:20px;background:none;border:2px solid #fff;border-radius:6px;padding:16px 26px;width:272px;margin-top:25px} .intro .intro-caption p{color:#fff;font-size:18px;} .skew-fluid{max-width: 1900px;margin: 0 auto;height: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .discover-more{margin:24px 0 0;display:inline-block;vertical-align:middle; position:relative} .discover-more em{ position:absolute;top:0;left:0;display:block;width:84px;height:84px;background-color:#74af3b;border-radius:150px;text-align:center;z-index:1/*;float:left*/} .discover-more em,.discover-more .fa-plus,.discover-more span{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .discover-more .fa-plus{display:block;width:84px;height:84px;line-height:84px;color:#fff;font-size:24px;} .discover-more span{display:block;margin:0 0 0 105px;font-size:30px;color:#fff;min-height:84px;line-height:84px;position:relative;z-index:2} .discover-more:hover em{width:280px;background-color:#ef3e37} .discover-more:hover .fa-plus{-webkit-transform: rotate(180deg);transform: rotate(180deg);width:80px;line-height:88px} .discover-more:hover span{margin-left:75px} /*.discover-more{margin:24px 0 0;display:inline-block;vertical-align:middle;} .discover-more .fa-plus{display:block;width:84px;height:84px;background-color:#74af3b;border-radius:50%;font-size:24px;line-height:84px;color:#fff;text-align:center;float:left;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .discover-more:hover .fa-plus{background-color:#ef3e37;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .discover-more span{display:block;margin:0 0 0 105px;font-size:31px;color:#fff;min-height:86px;line-height:86px;}*/ /*.discover-more:hover span{color:#74af3b;}*/ /*====----header-shrink----====*/ @media (min-width:992px){ /*-- Header Fixed --*/ .toll-free.visible{display:block;} .toll-free.hidden{display:none;} /*.header{background-color:transparent;padding:18px 0;min-height:124px;position:fixed;top:0;left: 0;right: 0;z-index:1000;width:100%} .header,.navbar-brand,#nav{-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;transition:all 500ms ease 0s} .header{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .header.shrink{background-color:rgba(0,0,0,0.94);padding:0;position:fixed;top:0;left:0;min-height: 80px;} header.shrink .navbar-brand{margin:12px 0 0;padding:0;min-height: 80px;} header.shrink #logo img{height: 100%;width: 75%;}*/ /*-- Header Fixed --*/ .header,.header .navbar-brand img,.header .toll-free,#nav,#nav ul,#nav li span, #nav li a{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out} .header{background-color:rgba(0,0,0,0.50);min-height:124px;position:fixed;top:0;left:0;right:0;z-index:10000} .header.shrink{min-height:70px;background-color:rgba(0,0,0,0.94);padding:10px 0 0;} .header.shrink #logo img{height: 100%;width: 66%;} .header.shrink .navbar-brand{min-height: 70px;} .header.shrink .toll-free{display:none; } .header.shrink #nav{margin-top:12px} .header.shrink #nav ul{border-top:none;padding-top:0;} /*-- Main Navigation --*/ #nav{float:right;min-height:40px;padding-right:0;position:relative;z-index:100000;margin-top:10px;} #nav ul{border-top:solid 1px rgba(255,255,255,0.33);/*padding-top:6px;*/} #nav ul li{font-size:16px;display:inline-block;position:relative;text-transform:uppercase} #nav ul li a,#nav ul li span{display:block;color:#fff;padding:12px 15px;margin:0} #nav ul li,#nav ul li a,#nav ul li span,a.button{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s} #nav ul li.current-menu-item:hover a/*,#nav ul li.current-menu-item span,#nav ul li:hover span,#nav ul li:hover span*/{color:#61c924} #nav ul li.has-submenu span{cursor:pointer} #nav ul li:first-child a,#nav ul li:first-child span{padding-left:0;} #nav ul li:last-child a,#nav ul li:last-child span{padding-right:0;} #nav li a,#nav li span{border-top:2px solid transparent;display:inline-block;vertical-align:top;} #nav li.current-menu-item a{border-color:#61c924} #nav li a:before,#nav li span:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;border-top:2px solid #61c924;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} #nav li a:hover:before,#nav li span:hover:before,#nav li span:focus:before,#nav li.current-menu-item a,#nav li.current-menu-item span {-webkit-transform:scaleX(1);transform:scaleX(1);border-top:2px solid #61c924;color:#61c924} #nav li.current-menu-item a{border-color:#61c924;} #nav li.current-menu-item a:hover:before,#nav li.current-menu-item span:hover:before{display:none} svg,.dropdown-toggle{display:none} /* sub-navigation */ #nav ul li.menu-item-has-children .sub-menu{opacity:0;visibility:hidden;background-color: rgba(255,255,255,0.76);position: absolute;left:-296px;right: 0;width: 675px;top: 100%;padding:12px 15px 24px;margin: 0 auto;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in; -webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;border-radius:6px;border:none;border:solid 1px #efecec;border-top:0;/*height:600px;*/ -webkit-transform:rotateX(45deg); -moz-transform:rotateX(45deg);transform:rotateX(45deg); /*-webkit-transition:-webkit-transform 0.6s, opacity 0.1s;-moz-transition:-moz-transform 0.6s, opacity 0.1s;transition:transform 0.6s, opacity 0.1s;*/ } #nav ul li.menu-item-has-children:hover .sub-menu {display:block;visibility:visible;opacity:1; -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); transform:rotateX(0deg); /*-webkit-transition:-webkit-transform 0.6s, opacity 0.1s; -moz-transition:-moz-transform 0.6s, opacity 0.1s;transition:transform 0.6s, opacity 0.1s;*/ } #nav ul li.menu-item-has-children .sub-menu li{float:left;width:50%;padding:0 10px;} #nav ul li.menu-item-has-children .sub-menu li a{padding:7px 10px;font-size:15px;text-transform:none;border-bottom:solid 1px rgba(239,239,239,0.66);color:#1b1a1a;border-top: none;} #nav li.menu-item-has-children .sub-menu li a:before{background:none;position:static;border:none;} #nav li.menu-item-has-children .sub-menu li:hover a{color:#de2d26;} #nav ul li.contact{float:right;margin:7px 0 0 10px} #nav ul li.contact a{border:2px solid #fff;padding:3px 50px 3px 19px;background:url(images/right-arrow.png) no-repeat 90% center;position:relative;overflow:hidden} #nav ul li.contact a:before{border-top:0;-webkit-transform:none;transform:none} #nav ul li.contact a .fa{margin-left:10px} #nav ul li.contact:hover a{color:#fff} /*.angleinleft{background:transparent;border:1px solid #eee;padding:8px 15px;position:relative;overflow:hidden} .angleinleft:before,.angleinleft:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;height:100%;background:rgba(16,162,220,0.8);z-index:-1;transform:translate3D(0,-100%,0);transition:all .5s} .angleinleft:before{background:transparent;z-index:-2;transform:translate3D(0,0,0)} .angleinleft:hover{color:#fff} .angleinleft:hover:after{transform:translate3D(0,0,0);transition:all .5s} .angleinleft:after{width:200%;transform-origin:0 bottom;transform:translate3D(-50%,0,0) rotate(-50deg)} .angleinleft:hover:after{transform:rotate(0deg);transition:all .5s}*/ /*#nav ul li.contact a{background:transparent;border:1px solid #eee;padding:8px 15px;position:relative;overflow:hidden}*/ #nav ul li.contact a:before,#nav ul li.contact a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;height:100%;background:rgba(16,162,220,0.8);z-index:-1;transform:translate3D(0,-100%,0);transition:all .5s} #nav ul li.contact a:before{background:transparent;z-index:-2;transform:translate3D(0,0,0)} #nav ul li.contact a:hover{color:#fff} #nav ul li.contact a:hover:after{transform:translate3D(0,0,0);transition:all .5s} #nav ul li.contact a:after{width:200%;transform-origin:0 bottom;transform:translate3D(-50%,0,0) rotate(-50deg)} #nav ul li.contact a:hover:after{transform:rotate(0deg);transition:all .5s} .sub-menu:after{content:" ";position:absolute;left:0;right:0;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent; border-bottom:10px solid rgba(255,255,255,0.76);margin:0 auto;} } @media (max-width:991px){ .fixed-nav ul.sub-menu{width: 100%;display: none;box-shadow: none;padding:6px 0 0 6px;} /* BURGER ========================================== */ .burger { width: 50px; height: 50px; position: fixed; top: 15px; right: 15px; border-radius: 4px;z-index:100000; background-color: transparent; /*z-index: 10;*/ } .burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -1.6px; } .burger span, .burger span::before, .burger span::after { display: block; width: 30px; height: 3px; background-color: #10a2dc; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .burger span::before, .burger span::after { position: absolute; content: ""; } .burger span::before { top: -9px; } .burger span::after { top: 9px; } .burger.clicked span { background-color: transparent; } .burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); } .burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); } .burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff; } .burger:hover { cursor: pointer; } /* NAV ========================================== */ .fixed-nav { background-color: #0a0804; position: fixed; /*z-index: 9;*/z-index: 10000; display: block; top: 0; right: 0; height: 100%; max-width: 306px; width: 100%; padding: 80px 25px 60px 25px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .fixed-nav.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .fixed-nav.show ul#top-menu li { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .fixed-nav.show ul#top-menu li:nth-child(1) { transition-delay: 0.15s; } .fixed-nav.show ul#top-menu li:nth-child(2) { transition-delay: 0.3s; } .fixed-nav.show ul#top-menu li:nth-child(3) { transition-delay: 0.45s; } .fixed-nav.show ul#top-menu li:nth-child(4) { transition-delay: 0.6s; } .fixed-nav.show ul#top-menu li:nth-child(5) { transition-delay: 0.75s; } .fixed-nav.show ul#top-menu li:nth-child(6) { transition-delay: 0.9s; } .fixed-nav.show ul#top-menu li:nth-child(7) { transition-delay: 1.05s; } .fixed-nav.show ul#top-menu li:nth-child(8) { transition-delay: 1.2s; } .fixed-nav.show ul#top-menu li:nth-child(9) { transition-delay: 1.35s; } .fixed-nav.show ul#top-menu li:nth-child(10) { transition-delay: 1.50s; } .fixed-nav.show ul#top-menu li:nth-child(11) { transition-delay: 1.66s; } .fixed-nav.show ul#top-menu li:nth-child(12) { transition-delay: 1.80s; } .fixed-nav.show ul#top-menu li:nth-child(13) { transition-delay: 1.95s; } .fixed-nav.show ul#top-menu li:nth-child(14) { transition-delay: 2.10s; } .fixed-nav.show ul#top-menu li:nth-child(15) { transition-delay: 2.25s; } .fixed-nav.show ul#top-menu li:nth-child(16) { transition-delay: 2.40s; } .fixed-nav.show ul#top-menu li:nth-child(17) { transition-delay: 2.55s; } .fixed-nav.show ul#top-menu li:nth-child(18) { transition-delay: 2.70s; } .fixed-nav.show .about, .fixed-nav.show .social, .fixed-nav.show ul.sub { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: .85s; } .fixed-nav ul#top-menu { list-style-type: none;display: block;width: 100%;} .fixed-nav ul#top-menu li { margin-bottom: 8px; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fixed-nav ul#top-menu li:last-of-type { margin-bottom: 0px; } .fixed-nav ul#top-menu li a,.fixed-nav ul#top-menu li span{ color: #ffffff; text-decoration: none; text-transform: uppercase; font-size:15px; display: block; letter-spacing: 3px; font-weight: 600; padding:8px 0 15px; border-bottom:solid 1px #2c2c2c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fixed-nav ul#top-menu li:last-child a,.fixed-nav ul#top-menu li:last-child span{ border-bottom:none; } .fixed-nav ul#top-menu li a:hover { color: #10a2dc; } .fixed-nav ul.sub { list-style-type: none; margin-top: 40px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .fixed-nav ul.sub li { margin-bottom: 10px; } .fixed-nav ul.sub li:last-of-type { margin-bottom: 0px; } .fixed-nav ul.sub li a { color: #ffffff; font-family: "Raleway", sans-serif; letter-spacing: 1px; font-size: 0.9rem; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fixed-nav ul.sub li a:hover { color: #b7ac7f; } /* OVERLAY ========================================== */ .navoverlay { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #10a2dc; opacity: 0; visibility: hidden; } .navoverlay.show { opacity: 0.8; visibility: visible; } /*===========*/ #top-menu li.menu-item-has-children .expand-collapse{width:15%;background:url(images/expand-collapsed-menu.png) no-repeat 50% 3%;position:absolute;top:1px;right:0;display:block;z-index:1000000;height:35px;cursor:pointer;} #top-menu li.menu-item-has-children.open > .expand-collapse{background-position:50% 95%} /*====*/ .toll-free.visible{display:none;} .toll-free.hidden{display: block;text-align: left;margin:24px 0 15px;} .fixed-nav ul#top-menu li .hidden span{display:inline-block;padding:0;} .fixed-nav ul#top-menu li:hover .hidden span{color: inherit;} .fixed-nav ul#top-menu ul.sub-menu li{margin:0;} .fixed-nav ul#top-menu ul.sub-menu li a{text-transform:capitalize;font-size:14px;letter-spacing:normal;padding:8px 0 8px;} } #content{display:inline-block;width:100%;min-height:300px;padding:50px 0 40px} .social-link li a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /*-webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8);*/ } .social-link li a img,.social-link li:hover a img.hover,.welcome .figure-box .img-sm img,.welcome .figure-box .img-md img{ -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .social-link{display:table;width:100%;margin:35px 0 115px;} .social-link li{display:table-cell;vertical-align:middle;width:100%;} .social-link li a{display:block;height:150px;width:150px;background-color:transparent;line-height:150px;margin:0 auto;text-align:center;padding:0 15px;} .social-link li a img{display:inline-block;margin:0 auto;max-width:100%;} .social-link li a img.hover{display:none; opacity:0;visibility:hidden;} .social-link li:hover a img{display:none; opacity:0;visibility:hidden;} .social-link li:hover a img.hover{display:inline-block;visibility:visible;opacity:1;} .social-link li:hover a{background-color:#ef3e37;box-shadow: 2px 8px 16px rgba(239,62,55,0.55);-webkit-transform: scale(1.2);transform: scale(1.2);} .welcome{padding:30px 0 166px} .welcome .figure-box{position:relative;max-width:470px;max-height:600px;} .welcome .figure-box .img-md{max-width:470px;max-height:547px;position: relative;overflow: hidden;display:block;} .welcome .figure-box .img-md img{max-width:100%;max-height:100%;display:block;} .welcome .figure-box .img-sm{max-width:270px;max-height:270px;position:absolute;bottom:-9%;right:-21%;z-index:10;} .welcome .details{margin:0 0 0 524px;} .welcome .details p{color:#1f1f1f;margin:0;font-size:48px;line-height:53px;padding: 24px 0 160px;} .welcome .figure-box .img-md:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); filter: sepia(60%); } .welcome .figure-box:hover .img-sm img{ -webkit-transform: translate(-1.5em,-1.5em); -moz-transform: translate(-1.5em,-1.5em); transform: translate(-1.5em,-1.5em); } .welcome .figure-box .img-md::before { position: absolute; top: 0; left: -124%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); } .welcome .figure-box .img-md:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .btn-red{margin:0 0 0 76px;background:#ef3e37;border:none;border-radius:0;padding:0;min-width: 464px;cursor:pointer;} .btn-red i{width: 118px;height: 118px;display: block;background: #e7362f;line-height:118px;} .sm-text{display:block;color:#fff;margin:0 0 0 118px;min-height:118px;padding:10px 18px 0px 27px;position:relative;z-index:10;overflow:hidden;} .sm-text small{font-size:13px;display:block;text-align:left;padding-top:15px;position:relative;z-index:10;} .sm-text em{display:block;font-size:35px;font-weight:500;font-style:normal;margin:5px 0 0;text-align:left;position:relative;z-index:10;} .bg-transparent{position:relative;overflow:hidden;} .bg-transparent:before { content: ""; width: 0; height: 0; position: absolute; background-color: #d8332c; left: 0; bottom: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; z-index: 1; } .bg-transparent:after { content: ""; width: 0; height: 0; position: absolute; background-color: #d8332c; right: 0; top: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; z-index: 1; } .bg-transparent:hover:before, .bg-transparent:hover:after { width: 50%; height: 100%; } .btn-red i img{display:inline-block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .btn-red:hover i img{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .web-services{position:relative;padding:100px 0 35px;/*max-width: 1920px;*/margin:0 auto;background:#d9eee9 /*url(images/web-development-bg--.jpg) no-repeat 45% 0*/ ; min-height:974px;overflow:hidden} .web-services::before { content: " "; position: absolute; left: -100px; bottom: -25px; width: 300px; height: 250px; border-bottom: solid 190px #0caad3; border-left: solid 140px #0caad3; border-right: solid 210px transparent; border-top: solid 120px transparent; z-index: 100; } /*.web-services{ background-position: 45% 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}*/ .web-services .hd-h2{ position:relative;z-index:100} /*-- Services list hover bg effect--*/ .web-services li img{position:absolute;bottom:0;right:-91%;opacity:1;z-index:10;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out} .web-services li img{opacity:0;visibility:hidden} .web-services li.first img{opacity:1;visibility:visible} .web-services li.first:hover img{right:-93%;} .web-services li.second:hover img{opacity:1;visibility:visible;right:-93%;} .web-services li.third:hover img{opacity:1;visibility:visible;right:-93%} .web-services li.forth:hover img{opacity:1;visibility:visible;right:-93%} .web-services li.fifth:hover img{opacity:1;visibility:visible;right:-93%;} .web-services li{z-index:90} .web-services li.first{z-index:99} @media (min-height:991px){ #video{max-height:800px} } @media (min-width:1360px){ .web-services li img{right:-77%} .web-services li.first:hover img{right:-79%;} .web-services li.second:hover img{right:-79%;} .web-services li.third:hover img{right:-79%;} .web-services li.forth:hover img{right:-79%;} .web-services li.fifth:hover img{right:-79%;} } @media (min-width:1600px){ .first-service-bg{background:#d9eee9} .second-service-bg{background:#e5ddda} .third-service-bg{background:#ebecfe} .forth-service-bg{background:#f4f4f4} .fifth-service-bg{background:#e6e6e6} .web-services li img{right:-70%} .web-services li.first:hover img{right:-72%;} .web-services li.second:hover img{right:-72%;} .web-services li.third:hover img{right:-72%;} .web-services li.forth:hover img{right:-72%;} .web-services li.fifth:hover img{right:-72%;} } @media (min-width:1860px){ .web-services li img{right:-50%} .web-services li.first:hover img{right:-52%;} .web-services li.second:hover img{right:-52%;} .web-services li.third:hover img{right:-52%;} .web-services li.forth:hover img{right:-52%;} .web-services li.fifth:hover img{right:-52%;} } @media (min-width:2160px){ /*.web-services li.first img{right:10%;} .web-services li.second img{right:10%;} .web-services li.third img{right:10%;} .web-services li.forth img{right:10%;} .web-services li.fifth img{right:10%;}*/ .web-services li img{right:-30%} .web-services li.first:hover img{right:-32%;} .web-services li.second:hover img{right:-32%;} .web-services li.third:hover img{right:-32%;} .web-services li.forth:hover img{right:-32%;} .web-services li.fifth:hover img{right:-32%;} } @media (min-width:2500px){ .web-services li img{right:-30%} .web-services li.first:hover img{right:-32%;} .web-services li.second:hover img{right:-32%;} .web-services li.third:hover img{right:-32%;} .web-services li.forth:hover img{right:-32%;} .web-services li.fifth:hover img{right:-32%;} } @media (min-width:3100px){ .web-services li img{right:-0%} .web-services li.first:hover img{right:-2%;} .web-services li.second:hover img{right:-2%;} .web-services li.third:hover img{right:-2%;} .web-services li.forth:hover img{right:-2%;} .web-services li.fifth:hover img{right:-2%;} } .web-services{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out} /*.web-services.first-service-bg{background-image:url(images/social-media-marketing-bg.jpg);background-repeat:no-repeat;-webkit-animation: first-anim 0.4s ease-in forwards;animation:first-anim 0.7s ease-in forwards}*/ /*.web-services.second-service-bg{background-image:url(images/ecommerce-expert-bg.jpg);background-repeat:no-repeat;-webkit-animation: second-anim 0.4s ease-in forwards;animation:second-anim 0.4s ease-in forwards}*/ /*.web-services.third-service-bg{background-image:url(images/social-media-marketing-bg.jpg);background-repeat:no-repeat;-webkit-animation: third-anim 0.4s ease-in forwards;animation:third-anim 0.4s ease-in forwards}*/ /*.web-services.forth-service-bg{background-image:url(images/ecommerce-expert-bg.jpg);background-repeat:no-repeat;-webkit-animation: forth-anim 0.4s ease-in forwards;animation:forth-anim 0.4s ease-in forwards}*/ /*.web-services.fifth-service-bg{background-image:url(images/social-media-marketing-bg.jpg);background-repeat:no-repeat;-webkit-animation: fifth-anim 0.4s ease-in forwards;animation:fifth-anim 0.4s ease-in forwards}*/ /* @-webkit-keyframes first-anim { 0% {background-position:52% 0} 100% {background-position:center 0;background-color:#ebecfd;} } @keyframes first-anim { 0% background-position:52% 0} 100% {background-position:center 0;background-color:#ebecfd;} }*/ /*@-webkit-keyframes first-anim { 0% {background-position:48% 0%;} 100% {background-position:center 0;background-color:#d9f0ea;} } @keyframes first-anim { 0% {background-position:48% 0%} 100% {background-position:center 0;background-color:#d9f0ea;} } @-webkit-keyframes second-anim { 0% {background-position:52% 0%} 100% {background-position:center 0;background-color:#e8dcd9;} } @keyframes second-anim { 0% {background-position:52% 0%} 100% {background-position:center 0;background-color:#e8dcd9;} } @-webkit-keyframes third-anim { 0% {background-position:40% 90%} 100% {background-position:center 100%;background-color:#ebecfd;} } @keyframes third-anim { 0% {background-position:40% 90%} 100% {background-position:center 0;background-color:#ebecfd;} } @-webkit-keyframes forth-anim { 0% {background-position:40% 90%} 100% {background-position:center 100%;background-color:#f4f4f4;} } @keyframes forth-anim { 0% {background-position:40% 90%} 100% {background-position:center 0;background-color:#f4f4f4;} } @-webkit-keyframes fifth-anim { 0% {background-position:40% 90%} 100% {background-position:center 100%;background-color:#e5e5e5;} } @keyframes fifth-anim { 0% {background-position:40% 90%} 100% {background-position:center 0;background-color:#e5e5e5;} }*/ /*.web-services.first-service-bg{background:#d9f0ea url(images/web-development-bg.jpg) no-repeat center 0}*/ /*.web-services.forth-service-bg{background:#f4f4f4 url(images/search-marketing-bg.jpg) no-repeat center 0}*/ /*.web-services.fifth-service-bg{background:#e5e5e5 url(images/business-growth-guaratee-bg.jpg) no-repeat center 0}*/ @media (min-width:1440px){ .web-services::before{left:0} } .web-services ul{padding-top:85px} .web-services li{height:60px;margin:9px 0} .web-services li a{font-size:40px;color:#1f1f1f;position:absolute;left:0;top:0;/*display:block;width:100%;*/position:relative;z-index:100} .web-services li a,.web-services li a:before,.web-services li a:after{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .web-services li:hover a{font-size:50px;color:#fa344e;padding:0 0 0 40px;top:-8px} .web-services li a:before{content:"";position:absolute;top:0;left:0;display:block;width:0;height:60px; background:#fa344e;opacity:0} .web-services li a:after{content:"";position:absolute;top:22px;left:0;display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:9px solid #fa344e;opacity:0} .web-services li:hover a:before{width:6px;top:8px;opacity:1} .web-services li:hover a:after{left:6px;top:30px;opacity:1} /*.web-services [class*="col-"]{padding:0 10px;} .web-services p.text-center{padding:8px 0 80px;max-width: 1080px;margin: 0 auto;} .web-services .row{margin:0 -10px;} .web-box{padding: 25px 10px;position: relative;z-index: 3;background: #fff;box-shadow: 0px 0px 0px 2px #ace9f9 inset; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .web-box h3{font-size:24px;color:#1f1f1f;} .web-box h3 i{display:inline-block;max-width:72px;max-height:66px;vertical-align:middle;margin-right:6px;} .web-box p{font-size:14px;line-height:21px;}*/ .list{margin:0;padding:0;list-style:none;} .list li{font-size:20px;font-family:'Open Sans', Arial, sans-serif;font-weight:600;color:#1f1f1f;background:url(images/arrow.png) no-repeat left 10px;padding-left:21px;} /* Thumb frame */ /*.web-box .line1,.web-box .line2,.web-box .line3,.web-box .line4 { display:block; position:absolute; background-color:#ef3e37; z-index:10; } .web-box .line1, .web-box .line3 { width:0; height:2px; } .web-box .line2, .web-box .line4 { width:2px; height:0; } .web-box .line1 { top:0; right:0; } .web-box:hover .line1{-moz-animation:animLine1 1.5s ease-out 0s infinite;-webkit-animation:animLine1 1.5s ease-out 0s infinite;-o-animation:animLine1 1.5s ease-out 0s infinite;-ms-animation:animLine1 1.5s ease-out 0s infinite;} @-moz-keyframes animLine1{ 0%{width:0;left:0;} 50%{width:100%;left:0;} 100%{width:0;left:100%;} } @-webkit-keyframes animLine1{ 0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;} } @-o-keyframes animLine1{ 0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;} } @-ms-keyframes animLine1{ 0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;} } .web-box .line2 { top:0; right:0; } .web-box:hover .line2{-moz-animation:animLine2 1.5s ease-out 0s infinite;-webkit-animation:animLine2 1.5s ease-out 0s infinite;-o-animation:animLine2 1.5s ease-out 0s infinite;-ms-animation:animLine2 1.5s ease-out 0s infinite;} @-moz-keyframes animLine2{ 0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;} } @-webkit-keyframes animLine2{ 0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;} } @-o-keyframes animLine2{ 0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;} } @-ms-keyframes animLine2{ 0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;} } .web-box .line3 { bottom:0; right:0; } .web-box:hover .line3{-moz-animation:animLine3 1.5s ease-out 0s infinite;-webkit-animation:animLine3 1.5s ease-out 0s infinite;-o-animation:animLine3 1.5s ease-out 0s infinite;-ms-animation:animLine3 1.5s ease-out 0s infinite;} @-moz-keyframes animLine3{ 0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;} } @-webkit-keyframes animLine3{ 0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;} } @-o-keyframes animLine3{ 0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;} } @-ms-keyframes animLine3{ 0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;} } .web-box .line4 { bottom:0; left:0; } .web-box:hover .line4 {-moz-animation:animLine4 1.5s ease-out 0s infinite;-webkit-animation:animLine4 1.5s ease-out 0s infinite;-o-animation:animLine4 1.5s ease-out 0s infinite;-ms-animation:animLine4 1.5s ease-out 0s infinite;} @-moz-keyframes animLine4{ 0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;} } @-webkit-keyframes animLine4{ 0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;} } @-o-keyframes animLine4{ 0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;} } @-ms-keyframes animLine4{ 0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;} }*/ /*.our-work{background:#0caad3;max-width: 1920px;margin: 0 auto;padding:43px 0 100px;} .our-work [class*="col-"] figure{max-height:290px;max-width:370px;margin:0 auto;} .our-work .work{background:#fff;padding:24px;position:relative;} .our-work .work h3{color:#000;font-size:18px;margin:0;} .our-work .work h3 span{color:#7d8695;display:block;font-size:16px;margin:0 0 10px;} .our-work .work a{background:#000;height:40px;border-radius:50%;width:40px;display:block;line-height:40px;text-align:center;position:absolute;right:24px;top:50%;margin:-20px 0 0;} .our-work .work a:hover{background:#ee344c;}*/ .our-work{background:#0caad3;/*max-width: 1920px;*/margin: 0 auto;padding:33px 0 100px;} .our-work .heading{margin: 0 0 40px;} .our-work [class*="col-"] figure{max-height:290px;max-width:370px;margin:0 auto;overflow:hidden} .our-work .work{background:#fff;padding:24px;} .our-work .work h3{color:#000;font-size:18px;margin:0;} .our-work .work h3 span{color:#7d8695;display:block;font-size:16px;margin:0 0 10px;} .our-work .overlay{position:absolute;right:23px;bottom:15px;background:#000;height:40px;border-radius:50%;width:40px;display:block;line-height:40px;text-align:center;margin:-20px 0 0;} .our-work .overlay,.our-work .box,.our-work .plus-icon,.our-work .box .plus-icon .fa{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .our-work .box{position:relative} .our-work .plus-icon{position:absolute;bottom:2px;right:0;border-radius:50px;width:40px;height:40px} .our-work .plus-icon .fa{color:#fff;font-size:10px} .our-work .box:hover .overlay{background:rgba(0,0,0,0.25);width:100%;height:100%;bottom:0;right:0;border-radius:0;} .our-work .box:hover .plus-icon .fa{font-size:16px} .our-work .box:hover .plus-icon{background:#ee344c;bottom:15px;right:23px} .our-work .work a:hover img{-webkit-transform: rotate(360deg);transform: rotate(360deg);} /*.our-work .box .scaling{margin: 0 auto;overflow: hidden;} .our-work .box .scaling img{margin: 0 auto;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .35s;transition: all .35s;} .our-work .box:hover .scaling img{-webkit-transform: scale(1);transform: scale(1);filter: none;}*/ .our-clients{padding:58px 0 35px;position:relative;margin:0 auto;overflow:hidden;} .our-clients::before { content: " "; position: absolute; right: 0; bottom: 0; width: 490px; height: 335px; background:url(images/our-clientsbg.png) no-repeat; background-size:cover; z-index: 1; } .our-clients ul{display:inline-block;width:101.66%;margin:35px -1.06% 0;} .our-clients ul li{background:#fff;margin:0 1.06%;padding:40px 15px;box-shadow:2px 2px 3px rgba(0,0,0,0.10);position: relative; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .our-clients ul li:hover{box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.15);pointer-events: all;} .our-clients .testimonial{float:left;/*width:31.21%;*/background:#fff;margin:0 1.06%;padding:40px 15px;box-shadow:2px 2px 3px rgba(0,0,0,0.10);position: relative; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .our-clients .testimonial:hover{box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.15);pointer-events: all;} .our-clients ul li .qoute{position:relative;padding: 50px 0 24px;border-bottom:solid 1px #dfdfdf;margin:0 0 24px;} .our-clients ul li .qoute:before{content:" ";position:absolute;left:0;top:0;background:url(images/inverted-commas.png) no-repeat;height:32px;width:42px;} .our-clients .author{} /*.our-clients .author .author-fig{display:block;border-radius:50%;}*/ .our-clients .author .author-fig img{display:block;border-radius:50%;width:60px;height:60px;float:left;} .our-clients .author .author-name{margin-left:75px;} .our-clients .author .author-name span{display:block;color:#ff7771;font-size:18px;} .our-clients .author .author-name em{display:block;color:#878791;font-size:18px;font-style:normal;} .video-blog{background:url(images/video-bg.jpg) no-repeat;margin:0 auto;background-size:cover;height:100%;width:100%;padding:50px 0 84px} .video-blog figure{margin:6px auto 0;text-align: center;} .video-blog figure img.img-block{display: block;margin: 0 auto;} .aiovg-player-container{margin:0 auto} .latest-blog{background:url(images/latest-blog-bg.jpg) no-repeat left top;max-width:1920px;margin:0 auto;padding:96px 0 66px/*;background-attachment:fixed;*/} /*.latest-blog figure{margin:0 auto;} .latest-blog figure img.img-block { display: block; max-width: 100%; height: auto; margin: 0 auto; } .latest-blog .button{display: block;font-size:18px;background-color: transparent;color: #ef3e37;border: solid 2px #ef3e37;border-radius: 4px;max-width: 210px;margin: 0 auto 51px;position: relative;overflow: hidden;} .latest-blog .button span{display:block;position:relative;z-index:100;}*/ /*.sq-crousal4 .carousel-indicators li::before {width: 15px;height: 15px;background: #444;border-radius: 50%; border: solid 2px #AAACAE; transition: all 0.3s ease 0s;box-shadow: 6px 6px 8px #E9E0E0 inset;} .sq-crousal4 .carousel-indicators li.active::before {background: #1870ed;box-shadow: 2px 3px 2px #e5edf8 inset;border-color: #1870ed;} .sq-crousal4 .carousel-indicators {bottom: -40px;} .sq-crousal4 li {width: 20px;} .sq-crousal4 .fa-angle-left {font-size: 45px;color: #444;left: -30px;position: relative;top: -17px;} .sq-crousal4 .fa-angle-right {font-size: 45px;color: #444;right: -30px;position: relative;top: -17px;} .sq-crousal4 .carousel-control-next { right: -90px; } .sq-crousal4 .carousel-control-prev { left: -110px; }*/ .latest-blog #blog-slider{margin-top:70px;max-width:1148px;margin:0 auto 24px;padding-left:40px;} .latest-blog .entry-meta,.latest-blog h4{max-width:304px} .latest-blog .entry-meta{color:#838383;display:block;margin:15px 0 10px} .latest-blog h4{font-size:22px} /*-- Location Slider --*/ /*#location{min-height:695px; position:relative; background:#2b2b33} #location .nav-tabs{position:absolute;bottom:50px;right:0;left:0;margin:0 auto;width:100%;max-width:1060px; border:0;border-top:3px solid #fff} #location .nav-tabs li{margin:0px!important;} #location .nav-tabs li a{position:relative;margin-right:0px!important;padding: 20px 40px!important;font:20px 'Dosis SemiBold', Arial;border:none!important; color:#fff;text-transform:uppercase} #location .nav-tabs a:hover{border:none;} #location .slider{display:inline-block;width:30px;height:3px;border-radius:3px;background-color:#ef3e37;position:absolute;z-index:1200;top:-3px;transition:all .4s linear;} #location .nav-tabs .active{background-color:transparent!important;border:none!important;} #location .nav-tabs a:before{content:"";position:absolute;top:-9px;right:0;left:0;margin:0 auto;width:14px;height:15px;background:#ef3e37;border-radius:20px;opacity:0;;-webkit-transform:scale(2);transform:scale(2)} #location .nav-tabs .active:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s 0.3s ease-in;-moz-transition:all 0.3s 0.3s ease-in;transition:all 0.3s 0.3s ease-in} #location .tab-content{} #location .tab-content .tab-pane{min-height:695px;margin-right:-100%;} #location .tab-content .first{background:url(images/slider-img1.jpg) no-repeat center 0;} #location .tab-content .second{background:url(images/slider-img2.jpg) no-repeat center 0;} #location .tab-content .third{background:url(images/slider-img1.jpg) no-repeat center 0} #location .tab-content .tab-pane.active{margin-right:0;}*/ #location{position:relative} #location ul{z-index:10;clear:both} #location li{display:inline-block;width:33.33%;margin:0 -2px;/*float:left;*/font-size:16px;text-transform:uppercase;} #location a{display:inline-block;padding:22px 25px 16px;font-size:20px;color:#fff} #location .tab-content{position:absolute;top:0;left:0;width:100%;height:434px;z-index:0 !important} #location ul li .tab-content{opacity:0;visibility:hidden;width:100%;min-height:695px;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; z-index:1 } #location li span{ display:block;position:relative;z-index:100;cursor:pointer;} #location{position:relative;min-height:695px;} #location li:first-child .tab-content,#location ul li:hover .tab-content{opacity:1;visibility:visible} #tab-slider{ max-width:1160px; margin:0 auto; text-align:center} #tab-slider{ padding-top:587px} #tab-slider:after{content:""; position:absolute;bottom:19px;left:0;right:0; margin:0 auto;/*width:1158px;*/max-width:1160px;height:100px; border-top:4px solid #fff} #slide{position:absolute;bottom:115px;height:4px;background:#ef3e37;z-index:10} #location li a::before{content: " ";background: #ef3e37;position: absolute;height: 15px;width: 15px;border-radius: 50%;margin: 0 auto;text-align: center;left: 0;right: 0; top: -17px;-webkit-transform: scale(3);transform: scale(3);opacity:0; visibility:hidden; z-index:100000} #location li:hover a:before{-webkit-transform: scale(1);transform: scale(1);opacity:1; visibility:visible;-webkit-transition: all 0.3s 0.3s ease-in;transition: all 0.3s 0.3s ease-in;} #location li .active{position:relative;} #location li .active:before{content: " ";background: #ef3e37;position: absolute;height: 15px;width: 15px;border-radius: 50%;margin: 0 auto;text-align: center;left: 0;right: 0;bottom: -5px;-webkit-transform: scale(1);transform: scale(1);z-index:100000;visibility:visible;opacity:1;display:block;-webkit-transition: all 0.3s 0.5s ease-in;transition: all 0.3s 0.5s ease-in;} /*#location li:hover:first-child a:before{display:none;}*/ .contact-bg{background-color:#ef3e37;padding:66px 0;margin:0 auto;/*max-width:1920px;*/} .contact-bg .hd-h3{color:#fff;} .contact-form ul{margin:18px 0 0}.contact-form p{display:none;} .contact-form .col-span{float:left;width:50%;padding:0 10px} .contact-form label{display:block;margin:0} .contact-form .form-control{min-height:53px;border-color:#e9e9e9;border:none;} .contact-form .form-control:focus{box-shadow:none} .contact-form .col-row{margin:0 -10px 18px} .contact-form .button{font-size: 20px;min-width: 240px;margin: 0 auto;display: block;padding: 12px 26px;} .contact-form .button:hover{background:#89be3c;} .contact-form .contact-margin{padding-right: 0} .contact-bg .bg-transparent{position: relative;overflow: hidden;display: block;max-width: 240px;height: 58px;margin: 0 auto;} .contact-bg .bg-transparent .button{margin:0;position:relative;z-index:100;} .contact-bg a.button:hover,.contact-bg .button:hover{background:none;color:#fff} /*-- Portfolio --*/ .portfolio .vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {color: #ef3e37;border: 1px solid #ef3e37;background:none;} .portfolio .vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active) > a:hover {border: 1px solid #ef3e37;} .portfolio .vp-filter__style-default .vp-filter__item > * {padding: 6px 15px;border: 1px solid #e6e6e6;font-size: 15px;} .portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta {padding:0;} .portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {font-size: 1.3em;padding: 24px 0 15px;margin: 0;font-size: 1.75rem;text-align:left;text-transform: capitalize;} .portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta-title::after{content: " ";display: inline-block;vertical-align: middle;background:#f04d46;height: 2px;width: 68px;margin: 0 0 0 14px;} .portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt{font-size: 16px;padding: 0 0 10px;line-height: 24px;margin: 0;color:#232323;text-align: left;} .portfolio .vp-filter__style-default{margin-bottom: 60px;} /* .portfolio .vp-portfolio .vp-portfolio__items-wrap .vp-portfolio__items article{border: 2px solid red;} */ /*-- Blog--*/ #main {float: left;width: 66%;} #main .post{position: relative} #main .post .post-thumbnail img {float:none;margin: 10px 20px 25px 0;display: block;} a.more-link,.form-submit input{margin-top: 26px;background-color: #32b2f7;color: white; padding: 12px 20px; border: none;cursor: pointer;min-width: 135px;text-transform: uppercase;border-radius: 4px;} a.more-link:hover ,.form-submit input:hover{background-color: #45a049;} .blog #main .post {display: block;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #e6e6e6;overflow: hidden;} .entry-content p{color: #1f1f1f;font-size: 16px;padding-bottom: 20px;} .date {position: absolute;top:10px;color:#fff;bottom: 0;text-align: center} .display1 {display: block;font-size: 30px;background: #1193d4;padding: 10px 15px} .display2{background: #333;font-size: 14px;text-transform: uppercase;padding: 5px 10px} .single .date{top:0} /*-- Aside--*/ aside {float: right;width: 26%;} aside .widget{margin-bottom:25px} aside h2{color:#191919;font-size:22px;font-weight:400;margin-bottom:15px;border-bottom: 2px dotted #ccc;padding:15px 0;display: block;} aside .widget ul li{background:url(images/sidebar-arrow.png) no-repeat 0 10px;font-size:15px;padding:4px 0 12px 25px} /* .sidebar .widget ul li + li{border-top:1px solid #d2d2d2} */ aside .widget ul li a{color:#4f4f4f} aside .widget ul li a:hover{color: #428bca} /*-- Search or 404 page---*/ .search-form {position: relative;} /* aside .widget_search label {display: block;border: 1px solid #cccacc;} */ aside .search-form label{width: 100%; display: block;} aside .widget_search .screen-reader-text, .search-no-results aside {display: none;} .search-field {padding: 15px 10px;vertical-align: top;border: 1px solid #ccc;width: 100%;} .search-submit {position: absolute;right:0;bottom: 0;background: url(images/search-icon.png) no-repeat center; width: 58px;height:54px;cursor: pointer;font-size: 0;} .search .intro .sub-intro h1,.error404 .intro .sub-intro h1,.archive .intro .sub-intro h1{font-size: 48px;} .search-no-results #main, .error404 #main {float: none;width: 46%;margin: 0 auto;text-align: center;} .search-no-results #main p, .error404 #main p{font-size:16px;color: #1f1f1f;} .error404 .page-content, .search-no-results .page-content {text-align: center;} .error404 .screen-reader-text, .search-no-results .screen-reader-text {font-size: 22px;font-weight: 600;display: block;margin: 0 0 15px;} .search .post-thumbnail{display:none} .search .entry-title{font-size: 1.5rem;} .search .entry-title a{color:#1f1f1f} /*-- Pagination-*/ .navigation {display: inline-block;width: 100%;margin-bottom: 25px;} .pagination.navigation h2 {padding-bottom: 20px;} .navigation h2 {color: #191919;padding: 20px 0 10px;} .navigation h2{font-weight:600;padding:20px 0 10px;font-size: 1.5rem;} .pagination .nav-links{text-align: center;} .pagination span.current {background-color: #ccc;color: #fff;border-color: #428bca;} .pagination a, .pagination span.current {float: none;display:inline-block;padding: 4px 14px;border: 1px solid #cccacc; margin: 0 3px 0 4px;} .post-navigation .screen-reader-text{font-weight:600;margin-bottom:7px;display:block} .nav-links a[rel="prev"]{float:left;/*width:48%*/} .nav-links a[rel="next"]{float:right;/*width:48%;*/text-align:right} .post-navigation .nav-previous .screen-reader-text,.post-navigation .nav-next .screen-reader-text{border:1px solid #ccc;background:#f1f1f1;padding: 6px 18px;border-radius: 3px;} .post-navigation .nav-previous .post-title,.post-navigation .nav-next .post-title{text-align: center;color: #000;font-size: 18px;padding-left: 2px;} /*-- Comments Area-*/ .comment-reply-title{color:#232323;font-size:24px;font-weight:600;} .comments-area{padding:30px 0 10px;border:1px solid #e0dede;border-radius:2px;padding:20px 25px;margin:20px 0 10px;clear:both} .comments-area label{color:#1f1f1f;margin-bottom:11px;display: inline-block;margin-left: 8px;font-size: 17px;} .comments-area textarea{border-radius:2px;border-color:#e0dede} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea {background-color: #fff;border: solid 1px #efefef;font-size: 14px;color: #fff; border-radius: 3px;width: 100%;min-height: 45px;padding: 6px 15px 6px 23px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display:block} /*-- Footer --*/ #footer{background:#fff;position:relative;overflow:hidden;/*padding-top:78px*/;clear:both} .social-media ul{float:right;padding-top:40px} .social-media li{display:inline-block;text-align:center;margin-left:18px;vertical-align:middle;position:relative;} .social-media li a{display:block;width:59px;height:59px;padding-top:11px;border:3px solid #e7e7e7;border:3px solid #e7e7e7} .social-media li a,.social-media .fa{-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;transition:all 0.3s ease-in} .social-media .fa,.social-media .svg-inline--fa{font-size:30px;color:#bfbfbf} .social-media li a:hover{border-color:#ef3e37} .social-media a:hover .fa,.social-media a:hover .svg-inline--fa{color:#ef3e37} #footer .middle-section{border-top:1px solid #c1c1c1;padding:40px 0 50px;margin-top:20px} #footer h3{color:#1f1f1f;font-size:25px;text-transform:uppercase; font-weight:600} .quick-links li{padding:4px 0} .quick-links li a{color:#404040;-webkit-transition: all .35s;transition: all .35s;} .quick-links li:hover a{color:#ef3e37} #footer .connect h3{padding-bottom:12px} #footer .connect figure{display:inline-block;vertical-align:top;margin-right:4px} .contact-details p{ line-height:22px;color:#404040} .contact-details .phone{display:block;margin-top:10px;color:#404040} .contact-details .phone,.contact-details address p{position:relative;padding-left:35px} .contact-details .fa{position:absolute;top:9px;left:4px;color:#ef3e37;font-size:25px} .contact-details .phone .fa{top:2px;left:0} .footer-base{background:#383838;padding:19px 0} .footer-base p{color:#fff} .social-media li a span { color:#666; position:absolute; font-family:sans-serif; bottom:0; left:-25px; right:-25px; padding:5px 7px; color:#fff; z-index:-1; font-size:14px; border-radius:2px; background:#ef3e37; visibility:hidden; opacity:0; -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index:100; } /* pop-up text arrow */ .social-media li a span:before { content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ef3e37; position:absolute; bottom:-5px; left:50%; margin:0 0 0 -5px; } /* text pops up when icon is in hover state */ .social-media li a:hover span{ bottom:66px; visibility:visible; opacity:1; } /*====================inner_pages=====================*/ /*====----about----====*/ .figure{display:block;margin:0 0 15px;} .figure img{max-width:100%;height:auto;display:block;margin:0;} .about-topbg{background:url(images/about-bg.jpg) no-repeat center center;} .attorney-marketingbg{background:url(images/attorney-marketing-bg.jpg) no-repeat center center;} .industriestop-bg{background:url(images/industriestop-bg.jpg) no-repeat center center;} .digital-marketingtop-bg{background:url(images/digital-marketingtop-bg.jpg) no-repeat center center;} .contacttop-bg{background:url(images/contacttop-bg.jpg) no-repeat center center;} .servicestop-bg{background:url(images/servicestop-bg.jpg) no-repeat center center;} /*.our-worktop-bg{background:url(images/our-worktop-bg.jpg) no-repeat center center;}*/ .intro{background:url(images/our-worktop-bg.jpg) no-repeat center center;} /*=====*/ .top-bg{background-size: cover;padding: 0 0 24px;min-height: 471px;margin:0 auto;width:100%;height:100%;position:relative;} .top-bg .sub-intro{position: absolute;left: 26px;right: 26px;bottom: 60px;max-width:1920px;margin:0 auto;} .intro .sub-intro h1{font-size:80px;} .attorney-marketing{} .attorney-marketing .hd-h2 span{font-size: 58px;color: #1f1f1f;display: block;letter-spacing: normal;font-weight: 600;} .attorney-marketing .digital-info{max-width:953px;margin:0 auto;text-align:center;} .attorney-marketing .digital-info p{color:#1f1f1f;font-size:16px;} .attorney-marketing .figure{position: relative;margin: 100px 0 -160px;z-index: 9;} .specialties{background:url(images/sky-bg.png) no-repeat center center;background-size: cover;min-height: 590px;margin:0 auto;width:100%;height:100%;padding: 124px 26px 100px;z-index: 19;position: relative;} .specialties .hd-h2{color: #fff;} .specialties .list li{color: #fff;margin: 0 0 10px;} .we-have-experience{padding:118px 0 80px;border-bottom:solid 1px #e1e1df} .we-have-experience ul{max-width:700px; margin:40px auto 0;padding-left:40px;} .we-have-experience ul li{float:left;width:40%;background: url(images/red-arrow.png) no-repeat left 10px;margin:0 0 10px;} .we-have-experience li:nth-child(2n+1){clear:both;width:60%} /*=====*/ .industries-holder{padding:0 0 75px;border-bottom:solid 1px #e1e1df} .industries-holder {padding:0 0 35px;} .industries-holder .button{background-color: #d6d6d6;color: #333;border: none;padding: 8px 18px;border-radius: 0;} .industries-holder ul li{margin:0 0 48px;} .figure{margin: 0 auto 24px;/*max-width:340px;max-height:312px;*/} .industries-holder ul .figure img{width: 100%;} /*=====*/ .getyour-brand .row{position: relative;z-index: 100;margin-bottom:-135px;} .digital-marketing{padding:0 0 75px;border-bottom:solid 1px #e1e1df} .getyour-brand .details p{font-size: 16px;color: #1f1f1f;max-width:578px;margin:0 0 24px;} .google-partner{display:inline-block;} .getyour-brand .figure-brand{position: relative;/*z-index: 100;bottom: -131px;*/} .getyour-brand .figure{max-width:406px;max-height:561px;} .tpwp_serviceboxs-template-default #main {width:100%;} .border-red{position:relative;} .border-red:before{content:" ";position:absolute;left:-15px;bottom:0;height:50%;width:15px;background:#ef3e37;} .get-quality{background:url(images/get-quality-bg.jpg) no-repeat center center;background-size: cover;min-height: 490px;margin:0 auto;width:100%;height:100%;padding: 232px 26px 70px;z-index: 19;position: relative;max-width: 1920px;} .digital-services{padding:66px 0 60px;border-bottom:solid 1px #e1e1df;text-align:center;} .get-quality .hd-h2{color:#fff;} .get-quality p{font-size: 16px;padding: 8px 44px 8px 0;color: #fff;} .digital-services ul{display: block;width: 100%;margin: 24px auto 0;max-width: 980px;text-align: center;padding-top: 12px;} .digital-services ul li{display: inline-block;margin: 0 0.8% 25px;width: 23%;vertical-align: top;} .digital-services ul a{display:block;text-align:center;color:#fff;} .digital-services ul li .fa-icon{display:block;height:160px;width:160px;border-radius:50%;background:#ef3e37;margin:0 auto;line-height:160px;} .digital-services ul li .fa-icon img{margin:0 auto;display:inline-block;vertical-align:middle;} .digital-services ul li span{color:#1c1c1c;display:block;margin-top:18px;font-size:1.357rem;} .digital-services .details-box{max-width:840px;margin:0 auto;} .resp-tabs-container ul{max-width: 1190px;margin: 0 auto;text-align: center;display: inline-block;} .resp-tab-content-active{display: block;max-width: 1920px;margin: 0 auto;text-align: center;} .resp-tabs-container ul li{margin-right:0;margin-bottom:44px;width:44.80%;float:left;} .resp-tabs-container ul .figure{max-width: 537px;max-height: 410px;margin:0;} .resp-tabs-container ul li:nth-child(2n+1){clear:both;margin-right:10%; } .resp-tabs-container ul li:nth-child(2n+2) .figure{float:right;} .resp-tabs-container ul li:nth-child(2n+2){float:right;} .resp-tabs-container ul .info{text-align:left;clear:both;} .resp-tabs-container ul .info h3{padding:24px 0 15px;margin: 0;} .resp-tabs-container ul h3 span{display:inline-block;vertical-align:middle;background:#f04d46;height:2px;width:68px;margin:0 0 0 18px;} .resp-tabs-container ul .info p{font-size:16px;padding:0 0 10px;line-height:24px;margin:0;color:#232323;} /*==================================================*/ .about-skyrush .figure{margin-top:49px;max-width:480px;max-height:623px;overflow:hidden;} .about-skyrush .info{margin:170px 0 0px 590px;} .about-skyrush h2.info-content {font-size:3.625rem;text-transform:uppercase;color:#1f1f1f} .about-skyrush .info p{font-size: 16px;font-family: Arial,sans-serif;color:#1f1f1f;line-height: 23px;} .bottom-content{padding:190px 0 24px 0;background: url(images/about-bg-bottom.jpg) no-repeat top center;background-size: cover;margin-top: -30px;min-height: 494px;width: 100%;height: 100%;} .bottom-content .about-content{padding:0 70px 0;} .bottom-content .about-content p{color:#ffffff;font-size: 20px;font-weight:400;padding:8px 0 18px;} /*====----contact-us----====*/ .side-left .form-side h2, .right-side .info-side h2{font-size: 40px;color: #161111} .side-left input[type=text] { border:1px solid #e9e9e9;width: 100%;min-height: 50px;padding-left: 21px;font-size:14px;margin-bottom: -7px;border-radius:5px;} .left-side textarea{padding:18px 0 0 21px;border:1px solid #e9e9e9;width: 100%; min-height: 50px;font-size: 14px;border-radius:5px; } .side-left input[type=submit] {margin-top: 26px;background-color: #32b2f7;color: white;padding: 12px 20px;border: none;cursor: pointer;min-width: 135px;text-transform: uppercase;} .side-left input[type=submit]:hover {background-color: #45a049;} /* Create two columns that float next to eachother */ .side-left form{margin-top: 18px} .side-left{float: left;width:60%;} /*.left-side */.right-side{float: right;width:38%;} .right-side .info-side .nyc-office, .right-side .info-side .li-office{padding: 0 0 0 34px;} .right-side .info-side h3{font-size: 16px;font-weight: 100;font-family: Arial,sans-serif;color:#000000;margin:14px 0 5px 0;} .right-side em,.right-side p {font-size: 14px;font-weight: 100;font-family: Arial,sans-serif;color:#aaaaaa;} .right-side .info-side span {color:#444444;font-size: 14px;font-weight: 100;font-family: Arial,sans-serif;} .right-side .info-side .fa{font-size: 18px;color:#45bbff;padding:0 15px 0 0;} .right-side .info-side p{padding:0 0 0 30px;margin-bottom: -5px; } .right-side .info-side span.envelope{display: block;margin-top: 20px;color:#45bbff;} .right-side .li-office h3{margin-top:25px;} /*services*/ /*------------------------services-------------------*/ .web-development{margin-top:39px;} .web-development .web-info{/*margin-left: -5px*/} .web-development .web-info h2{font-size: 3.625rem;color: #1f1f1f;text-transform: uppercase;margin-top: -14px} .web-development .web-info p{font-size: 16px;font-family:Arial, sans-serif;color: #1f1f1f;line-height: 24px;margin-top: 11px;} .web-development .web-info h3{margin-top:16px;font-size: 2.1875rem;color: #1f1f1f} .web-development .web-list{margin-top: 20px} .web-development ul li{background: url(images/web-left-arrow.png) no-repeat 0px 7px;padding-left:27px;font-size: 16px;font-family:Arial, sans-serif;color: #1f1f1f;margin-bottom: 24px;cursor:pointer;} .web-development ul li:hover{color:#ef3e38;background-image:url(images/arrow-hover.png);} .web-development .figure{max-width:480px;max-height:481px;} .online-marketing{background:url(images/services-online-marketing-bg.jpg);background-size:cover;margin-top:-36px;padding:212px 0 46px} .online-marketing h2{padding:0 0 20px;font-size:3.625rem;color: #ffffff;} .online-marketing p{color: #ffffff;font-size: 16px;font-family:Arial, sans-serif;margin-bottom: 10px} .online-marketing .online-services{margin-top: 49px;padding-left: 50px;} .online-marketing .online-services figure{padding-left:40px;max-width:480px;max-height:446px;} .online-marketing .online-services h3{font-size: 2.5rem;color: #fff;padding:5px 0 35px 0;} .online-marketing .online-services .web-list{margin-top: -23px;} .online-marketing .online-services ul li{background: url(images/left-arrow-service-list.png) no-repeat 0 5px;padding-left:20px;font-size: 16px;font-family:Arial, sans-serif;color: #ffffff;margin-bottom: 24px;cursor:pointer;} .online-marketing .online-services ul li:hover{color:#0c0b0d;background-image:url(images/web-left-arrow.png);} .social-media-services{/*margin-bottom: -16px;*/} .social-media-services h2{font-size: 3.625rem;padding: 35px 0 5px 0;color: #292929} .social-media-services p {color: #292929;font-size: 16px;font-family:Arial, sans-serif;margin-bottom: -10px} .social-media-services .online-services{margin-top: 24px;padding: 0 26px;} .social-media-services ul li{background: url(images/web-left-arrow.png) no-repeat 0 7px;margin:25px 0 24px -12px;font-size: 16px;font-family:Arial, sans-serif;color: #1f1f1f;padding-left:27px;cursor:pointer;} .social-media-services ul li:hover{color:#ef3e38;background-image:url(images/arrow-hover.png);} .social-media-services .online-services figure{margin:0 0 0 26px} .mobile-development{background: url(images/mobile-development-bg-img.jpg);background-size: cover;} .mobile-development h2{font-size: 3.625rem;padding: 87px 0 7px 0;color: #fff;} .mobile-development p{color:#ffffff;font-size: 16px;font-family:Arial, sans-serif;} .mobile-development ul li{background: url(images/left-arrow-service-list.png) no-repeat 0px 7px;padding-left:29px;font-size: 16px;font-family:Arial, sans-serif;color: #ffffff;margin: 20px 0 24px -12px;cursor:pointer;} .mobile-development ul li:hover{color:#ef3e38;background-image:url(images/arrow-hover.png);} .mobile-development .online-services{margin: 20px 0 -15px 0;padding:0 26px;} .mobile-development .online-services figure{margin-left: -20px} /*====----header-shrink----====*/ @media (min-width:1281px){ /*-- Header Fixed --*/ .web-box{padding:25px 18px;} } @media (max-width:1280px){ .web-box{padding:25px 10px;} /*.web-box h3{font-size:21px;}*/ .our-clients::before{right:-335px;} /*.list li{font-size:18px;color:#1f1f1f;}*/ } @media (min-width:1360px){ .web-services{padding-top:66px;} .social-media ul{padding-top:50px;} .sq-crousal4 .carousel-control-prev{left:0;} .sq-crousal4 .carousel-control-next{right:0;} /*#video video{width:102%;}*/ /*body{border:1px solid red}*/ } @media (min-width:1460px){ /*#video video{width:105%;} #video video{height:100%:924px;} .home #top{min-height:924px;}*/ /*.skew-top{height:463px;transform:skew(-26deg);} .skew-bottom{height:461px;transform:skew(-26deg);}*/ /*body{border:1px solid black}*/ } @media (min-width:1660px){ /*#video video{width: 100%;}*/ /*.home #top{min-height: 1008px;}*/ /*.skew-top{height:503px;transform:skew(-24deg);} .skew-bottom{height:505px;transform:skew(-24deg);}*/ /*.sidebar{width: 100%;height:100%;}#video{overflow: inherit;}*/ /*body{border:1px solid green}*/ } @media (min-width:1860px){ /*#video video{height:1180px;} .home #top{min-height:1180px;} .skew-top{height:590px;transform:skew(-21deg);margin-left:4px;} .skew-bottom{height: 590px;transform: skew(-21deg);}*/ /*body{border:1px solid #ff0}*/ } @media (min-width:2160px){ /*#video video{height:1412px;} .home #top{min-height:1412px;} .skew-top{height: 706px;transform: skew(-18deg);margin-left: 8px;} .skew-bottom{height: 706px;transform: skew(-18deg);}*/ /*body{border:1px solid #00f}*/ } @media (min-width:2660px){ /*#video video{height:1750px;} .home #top{min-height:1750px;} .skew-top{height: 885px;transform: skew(-18deg);margin-left: 60px;} .skew-bottom{height: 866px;transform: skew(-18deg);}*/ /*body{border:1px solid green}*/ } @media (min-width:3260px){ /*#video video{height:2350px;} .home #top{min-height:2350px;} .skew-top{height: 1177px;transform: skew(-18deg);margin-left: 156px;} .skew-bottom{height: 1175px;transform: skew(-18deg);}*/ /*body{border:1px solid red}*/ } /*@media only screen and (max-width: 1920px) and (min-width: 2121px){ .skew-top{height:418px;} .skew-bottom{height:415px;transform:skew(-27deg);} } @media only screen and (max-width: 2536px) and (min-width: 2121px){ .skew-bottom{height: 457px;transform: skew(-29deg);margin-left: -10px;} .skew-top{height: 376px;transform: skew(-29deg);} } @media only screen and (max-width: 4537px) and (min-width: 2537px){ .skew-bottom{height: 485px;margin-left: -38px;} .skew-top{height: 460px;} } @media (min-width:3536px){ .skew-top{height:533px;} .skew-bottom{height:600px;margin-left:-89px;} }*/ /*@media screen-end*/ /*====----=====*/ @media (max-width:1280px){ #video{height: calc(100vh - 0px)} } @media (max-width:1199px){ .img-responsive{display:block;height:auto;max-width:100%} /*.home #top{min-height: 681px;}*/.home .intro{padding-top:240px;} #video{height: calc(100vh - 10px)}.skew-bottom{margin-bottom:-1px} /*.home #top{min-height: 100%;}.skew-top{height:341px;margin:0 0 0 -34px;}.skew-bottom{height: 340px;}#video{height: calc(87vh - 100px);}*/ .skew-bottom{height:50.05%;} .social-link{margin:0 0 35px;}.social-link li a{height:100px;width:100px;line-height: 100px;margin: 0 auto;padding: 0 10px;} .social-link li:hover a{-webkit-transform: scale(1.1);transform: scale(1.1);} .welcome .details{margin:0 0 0 510px;}.welcome .details p{font-size:40px;line-height:43px;padding:24px 0 100px;} .btn-red{max-width:380px;min-width:auto;}.btn-red i{width: 108px;height: 108px;line-height: 118px;} .sm-text{margin: 0 0 0 108px;min-height: 108px;padding: 10px 10px 0px 15px;}.sm-text em{font-size:28px;} .web-services{padding-top:60px;}.hd-h2{font-size:2.5rem;}.web-box h3{font-size:20px;}.web-box p{font-size:13px;line-height:20px;} .list li{font-size:18px;}.heading{font-size: 46px;}.web-services p.text-center{padding:8px 0 40px;} .hd-h3{font-size:40px;}.web-services [class*="col-"]{margin:0 0 15px;} #tab-slider,#tab-slider::after{max-width:94%} .about-skyrush .info{margin:80px 0 0px 520px;}.bottom-content{padding:160px 0 24px 0;} .latest-blog #blog-slider{padding-left:0} /*body{border:1px solid #000}*/ } @media (max-width:1100px){ #video{height: calc(100vh - -45px)} /*body{border:1px solid green}*/ } @media (max-width:1024px){ .container{max-width:928px;padding:0} img{display:block;max-width:100%;height:auto} /*#tab-slider::after{max-width:725px;}#location li{width:32.1%;}*/ .web-services{min-height:724px;margin-top:80px;}.web-services ul{padding-top: 15px;}.web-services li img{display:none;} .about-skyrush h2.info-content{font-size:2.625rem;} /*body{border:1px solid orange}*/ } @media (max-width:991px){ .container{/*width:724px;*/max-width:721px;}.home #top{min-height:485px;} .home .intro{padding:150px 0 15px;}.home .intro h1 span{font-size:51px;}.home .intro h1{font-size: 66px;} #video{max-height:550px;min-height:550px;}#video video{max-height: 550px;} .skew-fluid{display:none;}.header{position:fixed;left:0;right:0;width:100%;background-color:rgba(0,0,0,0.66);z-index:1000;height:86px;/*padding:10px 0 0;*/} .btn-red{margin:0;}.header .navbar-brand{min-height:86px;}#logo .img-responsive{display: block;height: auto;max-width: 60%;} .welcome{padding:0 0 26px;}.welcome .figure-box{float:none;margin:0 auto;}.welcome .details{margin: 50px 0 0;}.welcome .details p {padding:24px 0 40px;} .web-services{margin-top:24px;}.our-work .overlay{right:4px;bottom:18px;} .span-hd{font-size:21px;margin:0 0 6px;} .industries-holder .button{padding:6px 18px;font-size:15px;} .about-skyrush .figure{margin:0 auto 24px;float:none;}.about-skyrush .info{margin:0 0 18px 0;text-align:center;} #footer .services,#footer .company{border-bottom:solid 1px #ddd;padding-bottom:18px;margin-bottom:18px;} /*#location li{width:25.1%;}*/ .web-development{margin-top:0;} .web-development .web-info h2,.online-marketing h2,.social-media-services h2,.mobile-development h2{font-size:2.625rem;} .web-development .web-info h3{font-size: 2.0rem;margin: 0;} .online-marketing{background: #ef3e38;background-image:none;margin-top: 35px;padding: 50px 0 46px;} .online-marketing .online-services{margin-top:20px;} .mobile-development h2{padding:50px 0 7px 0;} .getyour-brand{padding:0 0 90px;}.get-quality p{padding:8px 0 8px 0;} .digital-services ul li{width:31%;} svg,.dropdown-toggle{display:none} /*Blog */ #main,aside{float:none;width:100%;margin:0 auto} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea{width:100%} /*body{border:1px solid red} */ } @media (max-width:767px){ .container{max-width:590px}/*.home #content{padding:50px 0 50px;}*/#content{padding:25px 0 35px;} .container-fluid,.container-xlg{padding-right: 15px;padding-left: 15px;} /*#video video{width:108%;}.home .intro{padding:110px 0 66px;}#video{max-height: 460px;}#video{height: calc(61vh - 100px);}*/ #video{max-height:460px;min-height:460px;}#video video{max-height:460px;} .home .intro{padding:110px 0 10px;}.home .intro h1 span{font-size:40px;}.home .intro h1{font-size:50px;} .welcome .figure-box .img-sm{bottom:0px;right:0;left:auto;margin:0 auto;} .welcome .figure-box:hover .img-sm img{-webkit-transform: translate(-1.5em,-1.5em);transform: translate(1.5em,1.5em);} .welcome .details p{padding:0 0 24px;} .btn-red{max-width: 324px;}.btn-red i{width: 90px;height: 90px;line-height: 90px;} .sm-text{margin: 0 0 0 90px;min-height: 90px;padding: 0px 10px 0px 15px;}.sm-text em{font-size: 24px;} .our-work{padding:33px 0 50px;}.our-work .box{max-width:370px;margin:0 auto 15px;}.our-work .work{max-width: 370px;margin: 0 auto;} .our-clients::before,.web-services::before{display:none;} .web-services{min-height:594px;}.web-services li a{font-size: 35px;} .web-services li:hover a{font-size: 40px;padding: 10px 0 0 40px;} #location ul li .tab-content{background-position: 100% 50% !important;} #footer .img-responsive{margin:-10px auto 0;width:175px;}.social-media ul{float: none;padding-top: 18px;text-align: center;} .social-media li a{width: 48px;height: 48px;padding-top: 6px;} /*[class*=""]*/ #footer .middle-section{padding:40px 0 26px;}.footer-base p{font-size: 13px;padding: 4px 0;line-height: 18px;text-align: center;} /*#location li{width:auto;min-width:200px;}*/ .intro .sub-intro h1{font-size:60px;} .industries-holder{padding:0 0 24px;}.industries-holder ul li{margin:0 0 24px;}.figure{margin:0 auto 15px;} .about-skyrush h2.info-content{font-size: 2.218rem;} .bottom-content{padding: 50px 0;background: #ef3e38;margin-top: 35px;min-height: 100%;background-image: none;} .bottom-content .about-content{padding:0 18px 0;}.web-development .figure{margin:0 0 45px;max-width:400px;max-height:424px;} .online-marketing .online-services figure{padding:0;max-width:400px;max-height:424px;margin:0 0 15px;} .social-media-services .online-services figure{margin: 0 auto;max-width: 414px;max-height: 242px;} .online-marketing .online-services h3{font-size:1.95rem;} .getyour-brand{padding: 0 0 160px;text-align: center;} .digital-services{padding:50px 0 35px;}.digital-services ul li{width:45%;} .digital-services ul li span{margin-top:12px;font-size:1.157rem;} .digital-services ul li .fa-icon{height:120px;width:120px;line-height:120px;}.digital-services ul li .fa-icon img{width:60px;} .side-left,.right-side{float:none;width:100%;}.right-side .info-side .nyc-office, .right-side .info-side .li-office{padding:0;}.side-left{margin:0 0 24px;} .contact-form .contact-margin {padding-right: 15px;} #main .post .post-thumbnail img{margin-bottom: 10px;} .date{position: static;color: #000;text-align: left;} .display1 { display: inline-block; font-size: 17px; background: transparent; padding: 0; } .display2 { background: transparent; text-transform: uppercase; padding: 0; } /*body{border:1px solid lightgreen}*/ } @media screen and (max-device-width: 767px) and (orientation: landscape) { .header{height:60px;padding:7px 0 0;}.header .navbar-brand{min-height:60px;}#logo .img-responsive{display: block;height: auto;max-width:50%;} .home .intro{padding: 80px 0 18px;}.burger{top: 5px;} #video{height: calc(100vh - 50px);max-height: 600px;min-height:600px;}#video video{max-height:600px;}.home #top{min-height:624px;} .fixed-nav{padding:66px 25px 60px 25px;} } @media (max-width:639px){ .container{max-width:435px}/*#video video{width:100%;} #video{height: calc(40vh - 100px);max-height:400px;}*/ #video{max-height:400px;min-height:400px;}#video video{max-height:400px;}.home #top{min-height:424px;} .discover-more{margin:10px 0 0;}.discover-more:hover em{width:240px;}.discover-more:hover span{margin-left:66px;} .discover-more:hover .fa-plus{width:50px;line-height:50px;}.discover-more em{width: 50px;height: 50px;border-radius: 50px;} .discover-more span{margin: 0 0 0 60px;font-size: 24px;min-height: 50px;line-height: 50px;}.home .intro{padding:100px 0 18px;} .discover-more .fa-plus{width: 50px;height: 50px;line-height: 53px;font-size: 18px;} .home .intro h1{font-size:35px;}.home .intro h1 span{font-size:31px;} .welcome{padding: 0 0 100px;} .welcome .figure-box{max-width: 300px;margin: 0 auto;} .welcome .figure-box .img-sm{max-width: 224px;max-height: 224px;max-width:140px;right: 0;} .welcome .figure-box:hover .img-sm img{-webkit-transform: none;transform: none;} .welcome .figure-box .img-md{min-width: 300px;/*width: 300px;*/margin: 0 auto;} .welcome .details p{font-size:31px;line-height:33px;text-align:center;} .welcome .details{margin:33px 0 0;}.btn-red{position: absolute;left: 0;right: 0;margin: 0 auto;} .web-services .hd-h2{font-size: 31px;} .web-services{min-height: 570px;}.web-services .hd-h2{font-size:33px;}.web-services .hd-h2 span{font-size:21px;}.web-services li a{font-size:31px;} .web-services li{height:60px;margin:0 0 10px 0;}.web-services li:hover a{font-size:35px;padding:15px 0 0 40px;}.web-services::before{display:none;} .our-clients ul li{padding:15px 15px;}.our-clients ul{margin-top:15px;} .latest-blog .hd-h3{margin: 0 0 70px 0;}.latest-blog{padding:40px 0 18px;}.latest-blog h4 {font-size: 18px;} #location{min-height:500px;}/*#tab-slider::after{max-width:463px;}*/#tab-slider{padding-top: 393px;} /*#location li{width:auto;min-width:140px;}*/#location ul li .tab-content{min-height:500px;} .contact-bg{padding:40px 0;}.contact-form .form-control{min-height:45px;font-size:14px;} .top-bg{min-height:350px;} .industries-holder ul li{text-align: center;}.industries-holder .figure{max-width: 340px;max-height: 312px;}.industries-holder ul .figure img{max-width:100%;margin:0 auto;} .online-marketing .online-services figure{margin:0 auto 10px;} .online-marketing .online-services{margin-top:24px;padding-left:24px;} .get-quality{background:#10a2db;min-height:100%;padding:60px 18px 60px;max-width:1920px;background-image:none;} .hd-h2{font-size:2.05rem;} .we-have-experience li:nth-child(2n+1){width: 100%;} /*----blog----*/ .pagination a, .pagination span.current {padding: 2px 11px;margin: 0 3px 9px;font-size: 15px;} .search-no-results #main, .error404 #main {width: 100%;margin: 0 auto;text-align: left;} .error404 .page-content, .search-no-results .page-content {text-align: left;} /*body{border:1px solid blue}*/ } @media (max-width: 575px){ #footer .connect{border-bottom:solid 1px #ddd;padding-bottom:18px;margin-bottom:18px;} .web-development .web-info h2, .online-marketing h2, .social-media-services h2, .mobile-development h2{font-size:1.975rem;} .contact-form p {display: block;} .contact-form .form-group { margin-bottom: 0;} } @media (max-width:480px){ .container{max-width:90%}html{-webkit-text-size-adjust:none}.home .intro h1{font-size:24px;}.home .intro h1 span{font-size:21px;} .header{height:60px;padding:7px 0 0;}.header .navbar-brand{min-height:60px;}#logo .img-responsive{display: block;height: auto;max-width:50%;} .burger{top: 5px;} /*#video video{width:140%;}*/.home #top{min-height:375px;}#video{max-height:350px;min-height:350px;}#video video{max-height:350px;} .discover-more:hover em{width:218px;}.discover-more span{font-size: 21px;} .welcome .details p{font-size: 21px;line-height: 26px;}.btn-red{max-width:275px;}.btn-red i{width: 60px;height: 60px;line-height: 60px;} .btn-red i img{width:75%;}.sm-text{margin: 0 0 0 60px;min-height: 60px;padding:0 0 0 10px;}.sm-text small{padding-top: 6px;} .sm-text em{font-size: 21px;margin:0;}.welcome .figure-box{max-width: 224px;} .welcome .figure-box .img-md{min-width:224px;}.welcome .figure-box .img-sm{max-width: 106px;max-height: 106px;} #location a{padding: 18px 8px 15px;font-size: 13px;color: #fff;} #location ul li .tab-content{background-position: 31% 70% !important;} .web-services{min-height:500px;}.web-services .hd-h2{font-size: 26px;}.web-services .hd-h2 span{font-size: 18px;letter-spacing: 6px;} .web-services li a{font-size: 25px;}.web-services li:hover a{font-size: 25px;padding: 24px 0 0 24px;} .our-work .heading{margin:0 0 24px;}.heading,.hd-h3{font-size:35px;} .contact-form .col-span{float: none;width: 100%;margin: 0 0 15px;} .social-media li{margin-left:6px;}/*----*/ .top-bg{/*min-height:306px;*/min-height:275px;}.intro .sub-intro h1{font-size:40px;} .about-skyrush h2.info-content{font-size:1.918rem;}.bottom-content .about-content p{font-size:18px;padding:8px 0 8px;} .bottom-content .about-content{padding:0 10px 0;} .digital-services ul li{width:100%;display:block;margin:0 0 25px;} .mejs__overlay-button{display: none !important} .attorney-marketing .hd-h2 span{font-size: 38px;}.attorney-marketing .figure {margin: 25px 0 -197px;}.we-have-experience {padding: 18px 0;}.specialties{padding:140px 26px 10px;} .search .entry-title {font-size: 1.4rem;} /*----blog----*/ .entry-content p {font-size: 15px;padding-bottom: 12px;} .blog #main .post {margin-bottom: 10px;padding-bottom: 14px;}.navigation{margin:0 auto}.pagination.navigation h2 {padding: 0;} aside h2 {margin: 0 auto;border-bottom: none;padding: 0;}.search .intro .sub-intro h1, .error404 .intro .sub-intro h1, .archive .intro .sub-intro h1 {font-size: 30px;} .search h2{font-size: 1.4rem;} /*body{border:1px solid magenta}*/ } @media (max-width:400px){ /*#tab-slider::after{max-width:284px;}#location li{min-width:94px;}*/ /*body{border:1px solid orange}*/ } @media (max-width:320px){ /*#location li{min-width:75px;}*/ /*body{border:1px solid pink}*/ }