/*  
Theme Name: Show Me Virtual
Theme URI: http://sweans.org
Description: A WordPress theme frame work
Version: 2.0
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     font-family: 'Lato', sans-serif;
}
.serviceSliderNav {
     -webkit-touch-callout:none;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
a, input, textarea {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 0;
     font-family: 'Lato', sans-serif;
}
body {
    /*line-height: 1;
     */
     overflow-x: hidden;
     overflow-y: visible;
     font-size:15px;
     color:#fff;
     background: #000;
     font-family: 'Lato', sans-serif;
}
img{
     max-width:100%;
     height:auto;
}
*{
     box-sizing: border-box;
}
.wrapper {
     height: 100% !important;
     height: 100%;
     margin: 0 auto;
     overflow: hidden;
}
.loader {
     background-color:#000000;
     display: table;
     height: 100%;
     left: 0;
     position: fixed;
     text-align: center;
     top: 0;
     vertical-align: middle;
     width: 100%;
     z-index: 999999;
}
.loader > span {
     display: table-cell;
     vertical-align: middle;
}
.loader img {
     max-width: 100px;
}
a {
     text-decoration: none;
}
h1, h2, h3{
     color:#ffff;
}
h1{
     font-size:22px;
}
h2{
     font-size:20px;
}
h3{
     font-size:16px;
}
h4{
     font-size:14px;
}
h5{
     font-size:12px;
}
h6{
     font-size:10px;
}
p, ul, ol{
     font-size:13px;
     line-height:20px;
	 font-family: 'Lato', sans-serif;
}
ul, ol{
     list-style:none;
}
blockquote{
     margin-left:36px;
     margin-right:36px;
}
a{
     color:#fff;
     text-decoration:none;
}
a:hover{
     border:none;
}
h1 a, h2 a, h3 a{
     border:none;
     color:#fff;
     text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover{
     background:none;
     color:#fff;
}
hr{
     display:none;
}
#menu{
     float:left;
}
#menu ul{
     line-height:normal;
     list-style:none;
     margin:0;
     padding:0;
}
#menu li{
     float:left;
}
#menu a{
     color:#FFFFFF;
     display:block;
     float:left;
     font-size:12px;
     margin-right:1px;
     text-decoration:none;
     padding-right: 10px;
     padding-left: 10px;
     height: 30px;
     line-height: 30px;
}
#menu a:hover{
     background:#000;
     color:#ffffff;
     border-left:1px dashed #363434;
     border-right:1px dashed #363434;
     padding-left:10px;
     padding-right:10px;
}
#menu .current_page_item a{
     color:#ffffff;
     background:#000;
     border-left:1px dashed #363434;
     border-right:1px dashed #363434;
     padding-left:10px;
     padding-right:10px;
}
#dropmenu, #dropmenu ul {
    margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     z-index:300;
     width:100%;
}
#dropmenu a {
     color:#FFFFFF;
     display:block;
     float:left;
     font-size:15px;
     font-family: 'Lato', sans-serif;
     text-transform:uppercase;
     margin-right:0px;
     text-decoration:none;
     padding:0px 10px;
}
#dropmenu a:hover {
}
#dropmenu li {
    float:left;
     position:relative;
}
#dropmenu ul {
    position:absolute;
     left:0px;
}
#dropmenu ul a {
     color: #2081cd;
     font-weight: normal;
     background-image: none;
}
#dropmenu ul a:hover {
     color: #FFFFFF;
     font-weight: normal;
     background-image: none;
}
#dropmenu li ul{
     padding: 0px;
     margin:0px;
     margin-top:38px;
}
#dropmenu li ul li {
     width:auto !important;
}
#dropmenu li ul a {
     height:auto;
     float:left;
     color: #FFFFFF;
     text-align: left;
     text-indent: 20px;
     padding-top: 0px;
     padding-bottom: 0px;
     margin: 0px;
     padding-right: 28px;
     padding-left: 0px;
     line-height:40px;
     background:url(images/menu_bg.png) repeat-x;
}
#dropmenu li ul a:hover{
     padding-left:0px;
     border:none;
     background:url(images/menu_current.png) repeat-x;
}
.clear, .cb{
     clear:both;
}
#dropmenu li ul a:hover {
     color: #FFFFFF;
}
#dropmenu ul ul {
    top:auto;
}
#dropmenu li ul ul {
    left:200px;
     margin:0px 0 0 0px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
    display:block;
}
#dropmenu li ul li.parent{
}
#dropmenu li ul li.parent:hover{
}
.container{
     margin: 0 auto;
     max-width: 90%;
     position: relative;
     width: 1360px;
     z-index: 3;
}
.contactLeft {
     float: left;
     margin-top: 9px;
}
.contactpopupButton {
     display: inline-block;
     float: left;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     width: 138px;
}
.contactpopupButtonLabel {
     border: 1px solid #fecb00;
     border-radius: 5px;
     cursor: pointer;
     float: left;
     font-size: 13px;
     font-weight: 800;
     margin-top: 10px;
     padding: 10px 25px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
}
.contactpopupButtonLabel:hover {
     background-color: #fecb00;
}
.contactRight span.wpcf7-not-valid-tip {
     display: none;
}
#contact-popup .wpcf7-response-output {
     float: left;
     font-size: 9px;
     margin-bottom: 0;
     width: 100%;
}
.textField.wpcf7-not-valid {
     border-color: #cc4949;
}
.contactRight div.wpcf7-response-output {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: medium none !important;
     border-radius: 25px;
     color: #7f7e7f;
     font-size: 13px;
     font-weight: 300;
     letter-spacing: 1px;
     margin: 10px 0 !important;
     padding: 0 !important;
}
.contactLeft h2 {
     font-size: 60px;
     font-weight: 300;
     line-height: 62px;
     margin-bottom: 30px;
     text-transform: uppercase;
}
.contactLeft li {
     color: #f4f4f4;
     float: left;
     font-size: 13px;
     line-height: 18px;
     margin-right: 20px;
     padding-left: 20px;
     position: relative;
}
.contactLeftAddress {
     max-width: 140px;
}
.contactLeft .contactLeftDetails2 {
     float: left;
}
.contactLeft .contactLeftDetails2 li{
     clear: left;
     line-height: 22px;
}
.contactLeft li i {
     color: #9bc432;
     left: 0;
     position: absolute;
     top: 4px;
     transition: all 0.5s ease;
}
.contactLeft li:hover i{
     left: 4px;
}
.main section .page_container {
     margin: 0 auto;
     max-width: 100%;
     position: relative;
     width: 1360px;
     z-index: 3;
}
.main section {
     overflow: hidden;
}
.main section.page1 {
     background-image: url("images/virtual-banner.jpg");
     background-size: cover;
     background-position: center center;
}
.myVideo{
     position: absolute;
     right: 0;
     bottom: 0;
     top:0;
     right:0;
     width: 100%;
     height: 100%;
     background-color: black;
     background-image: url("images/virtual-banner.jpg");
     background-position: center center;
     background-size: cover;
     object-fit: cover;
     z-index:3;
}
.videoOverLayBlack {
     background-color: rgba(0, 0, 0, 0.5);
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 4;
}
.layer {
     position: relative;
     z-index: 5;
     float: left;
     width: 100%;
}
.main section.page1 h1 {
     text-align: left;
     padding: 0;
     margin-bottom: 15px;
     font-size: 70px;
     color: black;
}
.viewing-page-2 .back{
     background: rgba(0, 0, 0, 0.25);
     color: #FFF;
}
.main section.page3 {
     background-image: url("images/serviceBg.jpg");
     background-position: center center;
     background-size: cover;
}
.main section.page5 {
     background-image: url("images/blogBg.jpg");
     background-position: center center;
     background-size: cover;
}
.bulbOuter {
     height: 100%;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 0;
     width: 20%;
     z-index: 1;
}
.bulbOuter img {
     bottom: 17%;
     right: -138px;
     max-width: 100%;
     position: absolute;
     transition: all 0.5s ease 0s;
}
.bulbOff {
     opacity: 1;
}
.bulbOn {
     opacity: 1;
}
.servicesContainer {
     color: #4e4e4e;
}
.serviceSliderOuter {
     background-color: #252525;
     display: block;
     width:100%;
     max-width: 1217px;
     margin-left:16px;
     position: relative;
     -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,.3);
}
#serviceSlider .lslide {
     border-right: 1px solid #171717;
}
.servicesPopup {
     display: none;
     max-width: 90%;
     width: 950px;
}
.servicesPopupIn h3 {
     border-bottom: 1px dashed #e1e1e1;
     color: #9bc432;
     font-size: 45px;
     font-weight: bold;
     margin-bottom: 50px;
     padding-bottom: 18px;
}
.servicesPopupIn h3 span{
     color: #bababa;
     margin-left: 10px;
}
.servicesPopupIn p {
     color: #dbdbdb;
     font-size: 13px;
     line-height: 27px;
}
.servicesPopupIn img {
     float: left;
     margin-right: 3%;
     width: 42%;
}
.servicesPopupInContent {
     float: left;
     padding-top: 12px;
     width: 55%;
}
.servicesPopupReadMore {
     float: left;
     margin-top: 20px;
     width: 100%;
}
.eachService {
     padding: 23px 12% 15%;
     transition: all 0.5s ease;
     cursor: auto;
     display: table;
}
.eachService:hover {
     background-color: #1b1b1b;
}
.eachService:hover a{
     background-color: #4b4b4b;
     border-color: #4b4b4b;
}
.servicesContainer h2 {
     color: #fff;
     font-size: 72px;
     font-weight: 300;
     left: -100%;
     line-height: 72px;
     position: relative;
     text-transform: uppercase;
     margin-top: 35px;
     float: left;
     width: 100%;
     box-sizing: border-box;
     padding-left: 19px;
     padding-bottom: 27px;
}
.servicesDetails {
     float: left;
     width: 100%;
     box-sizing: border-box;
     padding-left: 19px;
     padding-bottom: 54px;
}
.servicesDetails p{
     color: #959595;
     font-size: 21px;
     font-weight: 300;
     line-height: 36px;
}
.servicesContainer h2 span {
     display: block;
     font-size: 30px;
     line-height: 27px;
}
.eachService p {
     color: #818181;
     font-size: 16px;
     font-weight: 300;
     line-height: 27px;
}
.eachService:hover h3 {
     color: #ffcc00;
}
.eachServiceTitle {
     display: table;
     padding-bottom: 24px;
     width: 100%;
     height: 112px;
     border-bottom: 1px dashed #818181;
     margin-bottom: 17px;
}
.eachService h3 {
     color: #fff;
     font-size: 28px;
     line-height: 30px;
     margin-bottom: 15px;
     transition: all 0.5s ease;
     font-weight: normal;
     display: table-cell;
     vertical-align: bottom;
}
.eachService h3 span {
     border-top: 1px dashed #414141;
     display: block;
     font-weight: 300;
     margin-top: 15px;
     padding-top: 40px;
}
.eachService a {
     color: #fff;
     border: 1px solid #fff;
     padding: 19px 49px;
     display: inline-block;
     margin-top: 37px;
     transition: all 0.5s ease;
     font-weight: 300;
}
.eachService a:hover {
     background-color: #4b4b4b;
     border-color: #4b4b4b;
}
.serviceSliderNav {
     bottom: -7px;
     position: absolute;
     right: -8%;
}
.serviceSliderNav span {
     background-image: url("images/navs.png");
     bottom: 0;
     cursor: pointer;
     display: inline-block;
     height: 33px;
     margin-left: 13px;
     margin-right: -1px;
     opacity: 1;
     top: auto;
     width: 22px;
}
.bubbles {
    /*background-image: url("images/bubbles.png");
    */
     background-position: left bottom;
     background-size: 100% auto;
     height: 25%;
     position: absolute;
     right: -36px;
     top: -12px;
     width: 25%;
}
.bubbles > img {
     position: absolute;
}
.bubbles .bubble-1 {
     left: 0;
     max-width: 37%;
     top: -73px;
}
.bubbles .bubble-2 {
     left: 25%;
     max-width: 118px;
     top: -43px;
}
.bubbles .bubble-3 {
     left: 43%;
     max-width: 37%;
     top: -58px;
     z-index: 10;
}
.bubbles .bubble-4 {
     left: 45%;
     max-width: 26%;
     top: 26px;
}
.bubbles .bubble-5 {
     left: 63%;
     max-width: 35%;
     top: -2px;
     z-index: 11;
}
.bubbles .bubble-6 {
     left: 62%;
     max-width: 39%;
     top: 27%;
}
.bubbles .bubbleStyle1 {
     -webkit-animation:bubblesSpin1 4s alternate infinite;
     -moz-animation:bubblesSpin1 4s alternate infinite;
     animation:bubblesSpin1 4s alternate infinite;
}
@keyframes bubblesSpin1 {
     0% {
         transform: perspective(300px) rotateX(-5deg) rotateY(-5deg) scale3d(1.1, 1.1, 1.1);
         will-change: transform;
    }
     100% {
         transform: perspective(300px) rotateX(0deg) rotateY(-5deg) scale3d(1, 1, 1);
         will-change: transform;
    }
}
.bubbles .bubbleStyle2 {
     -webkit-animation:bubblesSpin2 3s alternate infinite;
     -moz-animation:bubblesSpin2 3s alternate infinite;
     animation:bubblesSpin2 3s alternate infinite;
}
@keyframes bubblesSpin2 {
     0% {
         transform: perspective(300px) rotateX(-5deg) rotateY(10deg) scale3d(1.2, 1.2, 1.2);
         will-change: transform;
    }
     100% {
         transform: perspective(300px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
         will-change: transform;
    }
}
/*.bubbles img {
     bottom: 0;
     height: auto;
     left: 0;
     position: absolute;
     width: 100%;
}
*/
.serviceSliderNav span {
     transition: all 0.5s ease;
}
.serviceSliderNav span.goToNextSlide {
     background-position: right top;
}
.serviceSliderNav span:hover {
     background-position: left bottom;
}
.serviceSliderNav span.goToNextSlide:hover {
     background-position: right bottom;
}
body.disabled-onepage-scroll .onepage-wrapper section {
     min-height: 100%;
     height: auto;
}
body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container {
     padding: 20px;
     margin-top: 150px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
body.disabled-onepage-scroll section .page_container h1{
     text-align: center;
     font-size: 50px;
}
body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns{
     text-align: center;
     width: 100%;
}
body.disabled-onepage-scroll .main section.page1 > img {
     position: absolute;
     width: 80%;
     left: 10%;
}
body.disabled-onepage-scroll .main section > img {
     position: relative;
     max-width: 80%;
     bottom: 0;
}
body.disabled-onepage-scroll code {
     width: 95%;
     margin: 0 auto 25px;
     float: none;
     overflow: hidden;
}
body.disabled-onepage-scroll .main section.page3 .page_container {
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     right: 0;
}
#menu {
     position: fixed;
     right: 75px;
     top: 45%;
     list-style:none;
     z-index: 99999;
}
#menu li a {
     border: 1px solid #fff;
     border-radius: 50%;
     box-sizing: border-box;
     display: block;
     height: 15px;
     margin-bottom: 11px;
     width: 15px;
     transition: all 0.5s ease;
}
#menu li a:hover {
     background-color:#fff;
}
#menu li.active a {
     background-color:#fff;
}
.logoouter {
     float: left;
     text-align: center;
     width: 100%;
     padding-top: 272px;
}
.logocontent {
     float: left;
     padding-left: 0;
     position: relative;
     text-align: center;
     width: 100%;
     padding-top: 20px;
}
.logocontentInner{
     margin:0 auto;
     width:100%;
     max-width:906px;
     box-sizing:border-box;
}
.logocontent h2 {
     color: #fff;
     font-size: 28px;
     font-weight: 300;
     letter-spacing: 4px;
     margin-bottom: 10px;
}
.logocontent h2 span {
     color: #009eb4;
}
.logocontent p {
     color: #efefef;
     font-size: 18px;
     font-weight: 300;
     line-height: 29px;
     margin: 52px auto 0;
     margin-bottom: 0px;
     width: 1300px;
     background-color: rgba(0,0,0,.45);
     padding: 24px 25px 32px;
     margin-bottom: 25px;
     max-width: 100%;
}
.logocontent p span {
     color: #ffcc00;
     font-weight: 500;
}
.logocontent a {
     background-color: rgba(0,0,0,.45);
     padding: 18px 23px;
     display: inline-block;
     text-transform: uppercase;
     font-size: 16px;
     color: #ffffff;
     transition: all 0.5s ease;
     margin-top: 30px;
     font-weight: 300;
	 border: 1px solid #ffffff;
}
.logocontent a:hover {
     background:#fff;
     color:#000;
}
.playbutton {
     background-image: url(images/playbutton.png);
     background-position: center top;
     background-repeat: no-repeat;
     border: 1px solid #ffcc00;
     border-radius: 20px;
     bottom: 0;
     cursor: pointer;
     display: inline-block;
     height: 55px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     transition: all 2.0s ease 0s;
     width: 30px;
     z-index: 4;
}
.playbutton:hover {
     background-position: center bottom;
}
.playbutton.triggerplay {
     background-position: center bottom;
}
.main section.page2 {
     background-image: url("images/page2Bg.jpg");
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
}
nav {
     left: 0;
     position: fixed;
     top: 7%;
     width: 100%;
     z-index: 9;
     transition: all 0.5s ease;
}
nav.slideNav {
     top: 5%;
}
.about_menu_outer {
     float: left;
     position: relative;
}
.about_menu {
     color: #fff;
     cursor: pointer;
     float: left;
     font-size: 14px;
     font-weight: 300;
     margin-right: 2px;
     padding: 27px 0;
     text-transform: uppercase;
     letter-spacing: 3.6px;
     transition: all 0.5s ease;
}
.about_menu:hover {
     color: #009eb4;
}
.menu_outer {
     float: right;
     position: relative;
     padding-right: 81px;
}
.about_menu i {
     color: #009eb4;
     float: right;
     font-size: 20px;
     line-height: 17px;
     margin-left: 7px;
}
.about_content {
     background-color: rgba(0, 158, 180, 0.75);
     color: #fff;
     display: none;
     font-size: 12px;
     font-weight: 300;
     left: 0;
     letter-spacing: 2px;
     line-height: 25px;
     padding: 20px 20px 10px;
     position: absolute;
     top: 101%;
     width: 600px;
     text-transform: none;
}
.about_content p {
     margin-bottom: 10px;
}
.c-hamburger {
     right: 40px;
     position: absolute;
     overflow: hidden;
     margin: 0;
     padding: 0;
     width: 27px;
     height: 23px;
     font-size: 0;
     text-indent: -9999px;
     appearance: none;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     transition: background 0.3s;
     top: 0px;
     z-index: 99999999999;
}
.innerBtn {
     top: 63px;
     right: 33px;
}
.c-hamburger:focus {
     outline: none;
}
.c-hamburger span {
     background-color: #e0b408;
     display: block;
     height: 2px;
     left: 0;
     position: absolute;
     right: 18px;
     top: 10px;
     width: 35px;
}
.c-hamburger span::before, .c-hamburger span::after {
     background-color: #fecb00;
     content: "";
     display: block;
     height: 2px;
     left: 0;
     position: absolute;
     width: 100%;
}
.c-hamburger.is-active span::before, .c-hamburger.is-active span::after{
     height: 5px;
}
.c-hamburger span::before {
     top: -7px;
}
.c-hamburger span::after {
     bottom: -7px;
}
.c-hamburger--htx {
     background:none;
}
.c-hamburger--htx span {
     -webkit-transition: background 0s 0.3s;
     transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {
     -webkit-transition-duration: 0.3s, 0.3s;
     transition-duration: 0.3s, 0.3s;
     -webkit-transition-delay: 0.3s, 0s;
     transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
     -webkit-transition-property: top, -webkit-transform;
     transition-property: top, transform;
}
.c-hamburger--htx span::after {
     -webkit-transition-property: bottom, -webkit-transform;
     transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
     background:none;
}
.c-hamburger--htx.is-active span {
     background: none;
}
.c-hamburger--htx.is-active span::before {
     top: 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
     bottom: 0;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {
     -webkit-transition-delay: 0s, 0.3s;
     transition-delay: 0s, 0.3s;
}
.toggle_menu {
     display: inline-block;
     float: left;
     margin-right: 0px;
     display: none;
     list-style: outside none none;
}
.toggle_menu li {
     display: inline-block;
     position: relative;
}
.toggle_menu li::after {
     background-color: #ffcc00;
     bottom: -18px;
     content: "";
     height: 3px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     transition: all 0.5s ease 0s;
     width: 0;
}
.container2 {
     margin: 0 auto;
     max-width: 100%;
     position: relative;
     width: 1825px;
     z-index: 3;
}
.toggle_menu li.current-menu-item::after {
     width: 70%;
}
.toggle_menu li:hover::after {
     width: 70%;
}
.toggle_menu li.outline:hover::after {
     width: 0;
}
.toggle_menu .outline a {
     border: 1px solid #ffcc00;
     border-radius: 25px;
     transition: all 0.5s ease;
}
.toggle_menu .outline a:hover {
     background-color:#ffcc00;
}
.toggle_menu a {
     color: #fff;
     display: inline-block;
     font-size: 18px;
     font-weight: 300 !important;
	 font-family: 'Lato', sans-serif;
     letter-spacing: 1px;
     padding: 0px 14px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
}
.toggle_menu a:hover {
}
.blackish .toggle_menu a {
     color: #4e4e4e;
}
.blackish .c-hamburger.is-active span {
     background: none;
}
section.page2 .container {
     height: 100%;
}
.slidingLogo {
     float: left;
     height: 100%;
     position: relative;
     width: 50%;
}
.slidingLogo img.birdTilt {
     left: -31px;
     max-width: 90%;
     position: absolute;
     top: 0;
     right: 0;
     margin: 0 auto;
}
.slidingLogo img.birdTilt {
     -webkit-animation:BirdSpin 4s alternate infinite;
     -moz-animation:BirdSpin 4s alternate infinite;
     animation:BirdSpin 4s alternate infinite;
}
@keyframes BirdSpin {
     0% {
         transform: perspective(300px) rotateX(0deg) rotateY(-3deg);
         will-change: transform;
    }
     100% {
         transform: perspective(300px) rotateX(0deg) rotateY(3deg);
         will-change: transform;
    }
}
.storyIcons {
     float: left;
     width: 100%;
     margin-top: 527px;
     text-align: center;
}
.storyIcon1{
     float: left;
     width: 255px;
     height: 180px;
}
.storyIcon1 img{
     padding-top:50px;
     opacity: 0;
}
.storyIcon2{
     float: left;
     width: 215px;
     height: 180px;
}
.storyIcon2 img{
     padding-top: 29px;
     opacity: 0;
}
.storyIcon3 {
     float: left;
     width: 206px;
     height: 180px;
}
.storyIcon3 img {
    padding-top: 32px;
    opacity: 0;
}
.introContent {
     display: table;
     float: left;
     height: 100%;
     vertical-align: middle;
     width: 50%;
}
.introContentIn {
     vertical-align: middle;
     position: relative;
     padding-left: 7.7%;
     padding-top: 36.2%;
}
.introContentIn h2 {
     font-size: 72px;
     font-weight: 300;
     line-height: 72px;
     margin-bottom: 52px;
     text-transform: uppercase;
}
.aboutSection h2 {
     right: -150%;
     position: relative;
}
.ourworkSection h2 {
     right: -150%;
     position: relative;
}
.introContentIn h2 span {
     display: block;
     font-size: 30px;
     line-height: 27px;
}
.introContentIn p {
     font-size: 21px;
     line-height: 36px;
     margin-bottom: 15px;
     color: #959595;
     font-weight: 300;
}
.viewMoreButton {
     border: 1px solid #ffffff;
     color: #ffffff;
     display: inline-block;
     font-size: 16px;
     font-weight: 300;
     margin-top: 35px;
     padding: 19px 38px;
     transition: all 0.5s ease;
     margin-left: 2px;
}
.viewMoreButton:hover {
     border: 1px solid #fff;
     background-color: #fff;
     color:#000;
}
.page4 .container {
     height: 100%;
}
.seotivLogos {
     display: table;
     float: left;
     height: 100%;
     vertical-align: middle;
     width: 50%;
}
.seotivLogosIn {
     text-align: center;
     float: left;
     width: 100%;
     padding-top: 36%;
}
.seotivLogosIn > img {
     max-width: 90%;
}
.rotating {
     -webkit-animation: rotation 50s infinite linear;
}
@-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
    }
     to {
         -webkit-transform: rotate(359deg);
    }
}
.page4 .viewMoreButton {
     border-color: #fff;
     color: #fff;
}
.box1{
     width:393px;
     height:120px;
     background:url(images/cloud.png) no-repeat left center;
     position:absolute;
     top:100px;
     left:90%;
     margin-left:-100px;
}
@-webkit-keyframes movingbox{
     0%{
        left:5%;
    }
     50%{
        left:100%;
    }
     100%{
        left:100%;
    }
}
.box1{
     -webkit-animation:movingbox 150s infinite;
}
.box2{
     width:393px;
     height:120px;
     background:url(images/cloud.png) no-repeat left center;
     position:absolute;
     top:500px;
     left:90%;
     margin-left:-100px;
}
@-webkit-keyframes movingbox2{
     0%{
        left:30%;
    }
     50%{
        left:130%;
    }
     100%{
        left:80%;
    }
}
.box2{
     -webkit-animation:movingbox2 100s infinite;
}
.page4 .viewMoreButton:hover {
     background-color: #fff;
     border-color: #fff;
     color: #2e2e2e;
}
.main section.page4 {
     background-image: url("images/aboutBg.jpg");
     background-position: center center;
     background-size: cover;
}
.map_page .content_right_2_inner.box_content {
     background-color: #f4f4f4;
     display: block;
     padding: 125px 18% 50px;
}
.map_page .content_right_2_outer {
     background-color: #009eb4;
}
.map_page .box_content h2 {
     border-bottom: 1px dashed #000;
     clear: both;
     color: #000;
     float: left;
     font-size: 29px;
     font-weight: normal;
     letter-spacing: 13px;
     line-height: 35px;
     margin-bottom: 45px;
     padding-bottom: 20px;
     text-align: center;
     width: 100%;
}
#contestForm {
     clear: left;
}
.inputField label {
     color: #000;
     display: inline-block;
     float: left;
     font-size: 14px;
     font-weight: 300;
     letter-spacing: 2.6px;
     padding-top: 13px;
     text-transform: uppercase;
     width: 27%;
}
.inputField {
     clear: left;
     display: block;
     padding-bottom: 35px;
     width: 100%;
}
.inputText {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border-color: #000;
     border-style: none none solid;
     border-width: medium medium 1px;
     display: inline-block;
     font-size: 14px;
     letter-spacing: 2.6px;
     line-height: 25px;
     outline: medium none;
     width: 73%;
}
.submit {
     background-color: #000;
     border: 1px solid #000;
     color: #fff;
     cursor: pointer;
     font-size: 25px;
     font-weight: 300;
     letter-spacing: 9px;
     margin-top: 20px;
     padding: 13px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
     width: 100%;
}
.submit:hover {
     background:none;
     border: 1px solid #000;
     color: #000;
}
.loadingGif {
     color: #000;
     display: none;
     font-size: 14px;
     margin-bottom: 5px;
     margin-top: 5px;
}
.contactMessaging {
     color: #000;
     font-size: 13px;
     margin-top: 5px;
}
.contactMessaging p {
     font-size: 13px;
     letter-spacing: 1px;
     line-height: 17px;
}
.page_container.footer {
     text-align: center;
}
.address {
     color: #9d9d9d;
     font-size: 16px;
     font-weight: 300;
     padding: 62px 0;
     text-align: left;
}
.swlogo > img {
     max-width: 25px;
}
.latestNews {
     float: right;
}
.latestNews h3 {
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 5px;
}
.latestNews i {
     color: #fecb00;
     margin-right: 5px;
}
.latestNews a{
     transition: all 0.5s ease;
}
.latestNews a:hover{
     color: #fecb00;
}
.address p {
     display: inline-block;
     font-size: 16px;
}
.address a {
     color: #9d9d9d;
     display: inline-block;
     transition: all 0.5s ease 0s;
     padding: 0 11px;
}
.termsLink{
     background: url(images/border.png) no-repeat left center;
}
.address a:hover {
     color: #fff;
}
.address a i {
     margin-right: 6px;
}
.swlogo {
     float: right;
}
.container.footer {
     clear: left;
     text-align: center;
}
.page7 .fp-tableCell {
}
.section.page7 {
     background-color: #0d0d0d !important;
}
.social {
     float: right;
}
.socialIn::before {
     background-color: #0d0d0d;
     content: "";
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     width: 10px;
}
.socialIn::after {
     background-color: #0d0d0d;
     content: "";
     height: 100%;
     position: absolute;
     right: -6px;
     top: 0;
     width: 10px;
}
.socialIn {
     background-image: url("images/socialBg.png");
     background-position: center center;
     background-repeat: repeat-x;
     display: inline-block;
     position: relative;
}
.social h2 {
     color: #ebebeb;
     font-size: 18px;
     font-weight: 300;
     letter-spacing: 4px;
     margin-bottom: 28px;
}
.social a {
     background-color: #fff;
     border: 2px solid #9bc432;
     border-radius: 50%;
     color: #272625;
     display: inline-block;
     font-size: 18px;
     height: 40px;
     margin-left: 9px;
     margin-right: 9px;
     position: relative;
     text-align: center;
     -webkit-transition: -webkit-transform .5s ease-in-out;
     transition:transform 1.5s ease-in-out;
     width: 40px;
}
.social a i {
     line-height: 35px;
}
.social a:hover {
     -webkit-transform: perspective(300px) rotateX(360deg) rotateY(0deg);
     transform: perspective(300px) rotateX(360deg) rotateY(0deg);
}
.social a::after {
     background-color: #fff;
     border-radius: 10px;
     content: "";
     height: 10px;
     position: absolute;
     right: -6px;
     top: 34%;
     width: 10px;
}
.social a::before {
     background-color: #fff;
     border-radius: 10px;
     content: "";
     height: 10px;
     position: absolute;
     left: -6px;
     top: 34%;
     width: 10px;
}
.blogHeader {
     float: left;
     left: -100%;
     position: relative;
     width: 24%;
     margin-right: 2.7%;
}
.blogHeader h2 {
     font-size: 36px;
     font-weight: 300;
     line-height: 62px;
     margin-bottom: 23px;
     text-transform: uppercase;
     float: left;
     width: 100%;
     padding-top: 54%;
}
.blogHeader p {
     color: #afafaf;
     font-size: 18px;
     font-weight: 300;
     line-height: 36px;
     float: left;
     width: 100%;
}
.blogOuter {
     float: left;
     width: 73.3%;
     position: relative;
     padding-top: 14.4%;
}
.newsletterOuter {
     float: left;
     width: 100%;
     margin-top: 38px;
}
.nameField {
     float: left;
     width: 100%;
     background: #fff;
     color: #515151;
     font-size: 16px;
     font-weight: 300;
     height: 53px;
     border: 1px solid #ebebeb;
     padding: 0 19px;
     box-sizing: border-box;
     max-width: 97%;
}
.sendBtn{
     float:left;
     width:127px;
     height:53px;
     background:#fecb00;
     color:#181818;
     font-size:18px;
     font-weight:300;
     cursor:pointer;
     margin-top:20px;
     border:none;
     transition: all 0.5s ease;
}
.sendBtn:hover {
     background:#d5ad0d;
}
.eachBlog {
     border-right: 1px solid #395c77;
     float: left;
     background: #f3f3f3;
     padding: 24px 30px;
     position: relative;
     width: 33.33%;
     -webkit-transition: -webkit-transform .5s ease-in-out;
     transition:transform .5s ease-in-out;
}
.eachBlog.onTheWay {
     transform: perspective(300px) rotateX(0deg) rotateY(-5deg) scale3d(1, 1, 1);
      will-change: transform;
 }
 .eachBlog.onTheWay2 {
     transform: perspective(300px) rotateX(0deg) rotateY(5deg) scale3d(1, 1, 1);
      will-change: transform;
 }
.eachBlog:hover {
     transform: perspective(300px) rotateX(0deg) rotateY(-5deg) scale3d(1, 1, 1);
	will-change: transform;
}
.blogDate {
     background-color: #3b5997;
     color: #fff;
     font-weight: bold;
     line-height: 15px;
     padding: 5px 5px 7px;
     position: absolute;
     right: 30px;
     text-align: center;
     text-transform: uppercase;
     top: 24px;
     width: 45px;
     font-size: 13px;
}
.blogDate span {
     font-weight: 300;
     float: left;
     width: 100%;
}
.blogOuter .eachBlog:last-child {
     border-right: medium none;
}
.eachBlog img {
     width: 100%;
     height: 187px;
     object-fit: cover;
	 margin-bottom: 15px;
}
.eachBlog > h3 {
    border-bottom: 1px solid #d5dae4;
    color: #4f4f4f;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 23px;
	margin-bottom: 15px;
}
.eachBlog > p {
     color: #4f4f4f;
     font-size: 14px;
     font-weight: 300;
     line-height: 21px;
     padding-bottom: 8px;
}
.blogReadMore {
     background-color: #3b5997;
     border-radius: 50%;
     float: right;
     font-size: 28px;
     height: 33px;
     line-height: 30px;
     text-align: center;
     width: 33px;
     -webkit-transition: -webkit-transform .5s ease-in-out;
     transition: transform .5s ease-in-out;
}
.blogReadMore:hover {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
}
.viewAllBlog {
     background-color: #ffcc00;
     bottom: 59px;
     height: 6px;
     left: 0;
     position: absolute;
     width: 100%;
}
.viewAllBlog > a {
     background-image: url("images/linkedinn.png");
     background-repeat: no-repeat;
     background-size: 100% auto;
     font-size: 16px;
     height: 100px;
     line-height: 19px;
     position: absolute;
     right: 14.6%;
     text-align: center;
     text-transform: uppercase;
     top: -66px;
     width: 100px;
     z-index: 9999;
}
.socialOuter{
     float:left;
     width:100%;
     margin-top:50px;
}
.socialOuter a {
     float: left;
     height: 48px;
     width: 48px;
     border: 1px solid #fff;
     border-radius: 50%;
     text-align: center;
     transition: all 0.5s ease;
     margin-right: 10px;
     margin-bottom: 10px;
}
.facebook:hover{
     background:#425F9C;
     border:1px solid #425F9C;
}
.facebook .fa.fa-facebook-f {
     line-height: 48px;
     font-size: 25px;
}
.youtube .fa.fa-play{
     line-height: 48px;
     font-size: 25px;
}
.youtube:hover{
     background:#FF0000;
     border:1px solid #FF0000;
}
.twitter .fa.fa-twitter{
     line-height: 48px;
     font-size: 25px;
}
.twitter:hover{
     background:#1DA6F5;
     border:1px solid #1DA6F5;
}
.linkedin .fa.fa-linkedin{
     line-height: 48px;
     font-size: 25px;
}
.linkedin:hover{
     background:#0077B5;
     border:1px solid #0077B5;
}
.instagram .fa.fa-instagram{
     line-height: 48px;
     font-size: 25px;
}
.instagram:hover{
     background:#D62E78;
     border:1px solid #D62E78;
}
.main .section.page6 {
     background-image: url("images/footerBg.jpg");
     background-position: center center;
     background-size: cover;
}
.main .section.page6 .layer {
     transform: translate3d(0px, 0px, 0px);
     width: 100%;
     background: #161616;
     float: left;
}
.main .section.page6 .layer2 {
     width: 100%;
     background: #161616;
     float: left;
}
.layer2 {
     position: absolute;
     z-index: 5;
     bottom:0;
}
.newsletterContainer {
     float: left;
     width: 100%;
     padding-top: 7.5%;
}
.newsletterInner {
     width: 100%;
     float: left;
     opacity: 0;
     padding-top: 10.7%;
}
.newsletterInner p {
     font-size: 21px;
     font-weight: 300 !important;
     color: #fff;
     text-align: center;
     line-height: 30px;
	 font-family: 'Lato', sans-serif;
}
.newsletterInnerMax {
     margin: 0 auto;
     display: table;
     width: 100%;
     max-width: 80%;
}
.newsletterOuter2 {
     width: 60%;
     margin: 0 auto;
     margin-top: 0px;
     display: table;
     text-align: center;
     margin-top: 5%;
}
.nameField2 {
     float: none;
     width: 100%;
     background: #fff;
     color: #515151;
     font-size: 16px;
     font-weight: 300;
     height: 53px;
     border: 1px solid #ebebeb;
     padding: 0 19px;
     box-sizing: border-box;
     max-width: 403px;
     margin: 0 auto;
     margin-right: auto;
     display: inline-block;
     margin-right: 12px;
}
.sendBtn2 {
     float: none;
     width: 127px;
     height: 53px;
     background: #fecb00;
     color: #181818;
     font-size: 18px;
     font-weight: 300;
     cursor: pointer;
     border: none;
     transition: all 0.5s ease;
     display: inline-block;
}
.sendBtn2:hover {
     background:#d5ad0d;
}
.newletterText{
     float: left;
     padding-bottom: 65px;
     padding-left: 0;
     position: relative;
     text-align: center;
     width: 100%;
}
.newletterText p {
     color: #efefef;
     font-size: 18px;
     font-weight: 300;
     letter-spacing: 1px;
     line-height: 30px;
     margin: 52px auto 0;
     margin-bottom: 0px;
     width: 1300px;
     background-color: rgba(0,0,0,.45);
     padding: 30px;
     margin-bottom: 25px;
     max-width: 100%;
}
.callUsOuter {
     background: #161616;
     width: 100%;
     padding-top: 147px;
     padding-bottom: 85px;
     float: left;
}
.eachFooterPart{
     float:left;
     width:33.333%;
}
.eachFooterLogo{
     float:left;
     width: 100%;
     margin-top: -100px;
}
.eachFooterLogo2{
     float:left;
     width: 100%;
}
.footerSocialTitle {
     float: left;
     width: 100%;
     font-size: 28px;
     font-weight: 300 !important;
     color: #fff;
     text-transform: uppercase;
     padding-top: 8px;
     box-sizing: border-box;
     letter-spacing: 6px;
	 font-family: 'Lato', sans-serif;
}
.socialOuter2 {
     float: left;
     width: 100%;
     margin-top: 26px;
}
.socialSection {
     box-sizing: border-box;
     padding-left: 124px;
}
.phoneSection {
     box-sizing: border-box;
     padding-left: 175px;
}
.socialOuter2 a {
     float: left;
     height: 48px;
     width: 48px;
     border: 1px solid #fff;
     border-radius: 50%;
     text-align: center;
     transition: all 0.5s ease;
     margin-right: 9px;
     margin-bottom: 10px;
}
.footerContact {
     float: right;
     width: 100%;
     color: #717171;
     font-size: 16px;
     font-weight: 300;
     margin-bottom: 20px;
     padding-top: 12px;
     box-sizing: border-box;
}
.footerContact2 {
     float: right;
     width: 100%;
     color: #717171;
     font-size: 16px;
     font-weight: 300;
     margin-bottom: 14px;
     margin-top: 15px;
}
.footerContact a, .footerContact2 a{
     color:#717171;
     font-size:16px;
     font-weight:300;
     transition: all 0.5s ease;
     letter-spacing: 1.5px;
}
.footerContact a:hover, .footerContact2 a:hover{
     color:#fff;
}
.footerContact .fa-envelope-o, .footerContact2 .fa-envelope-o {
     font-size: 35px;
     margin-right: 15px;
     color: #fff;
}
.footerContact .fa-phone, .footerContact2 .fa-phone {
     font-size: 35px;
     margin-right: 15px;
     color: #fff;
     margin-left: 43px;
}
ul.footerLinks{
     float:left;
     width:100%;
     padding-top: 30px;
}
ul.footerLinks li {
     float: left;
     width: auto;
     background: url(images/border.png) no-repeat left center;
     padding: 0 18px;
}
ul.footerLinks li.menuFirst {
     background:none !important;
}
ul.footerLinks li a{
     color:#717171;
     font-size:16px;
     transition: all 0.5s ease;
}
ul.footerLinks li.menuFirst a{
     padding-left:0px !important;
}
ul.footerLinks li a:hover{
     color:#fff;
}
.callUsContainer {
     max-width: 100%;
}
.callUsContainer h2 {
     font-size: 60px;
     font-weight: 300;
     line-height: 62px;
     margin-bottom: 30px;
     text-transform: uppercase;
}
.callUsContainer p {
     font-size: 18px;
     font-weight: 300;
     line-height: 27px;
     margin-bottom: 15px;
}
.callUsContainer .viewMoreButton {
     border-color: #fff;
     color: #fff;
}
.callUsContainer .viewMoreButton:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border-color: #9bc432;
     color: #9bc432;
}
.contactOuter {
     background-image: url("images/contactBg.jpg");
     background-position: center center;
     background-size: cover;
     border-bottom: 1px solid #1b1a1b;
     float: left;
     padding: 2% 0;
     position: relative;
     vertical-align: middle;
     width: 100%;
}
.textField {
     background: #f8f8f8 none repeat scroll 0 0;
     border: 1px solid #e6e6e6;
     color: #8f8f8f;
     font-size: 12px;
     margin-bottom: 18px;
     padding: 10px;
     width: 100%;
}
.textAreaField {
     background: #f8f8f8 none repeat scroll 0 0;
     border: 1px solid #e6e6e6;
     color: #8f8f8f;
     font-size: 12px;
     height: 75px;
     margin-bottom: 18px;
     padding: 10px;
     resize: none;
     width: 100%;
}
.twoButtons {
     float: left;
     margin-top: 10px;
     width: 100%;
}
.sendButton {
     background: #0e0e0f none repeat scroll 0 0;
     border: 1px solid #0e0e0f;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     float: left;
     font-size: 11px;
     font-weight: bold;
     height: 40px;
     line-height: 20px;
     padding: 9px 13px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
}
.sendButtonR{
     float: right;
}
.sendButton:hover {
     border: 1px solid #fff;
}
.activeContactpopup #contact-popup{
}
#contact-popup{
     background-color: #161616;
     border: 1px solid #fecb00;
     bottom: 65px;
     padding: 25px;
     position: absolute;
     right: 0;
     text-align: center;
     width: 290px;
     display: none;
}
#contact-popup h2 {
     border-bottom: 1px solid #323232;
     color: #fff;
     font-size: 14px;
     letter-spacing: 0.5px;
     margin-bottom: 22px;
     margin-top: 8px;
     padding-bottom: 22px;
     text-align: center;
     text-transform: uppercase;
}
#contact-popup div.wpcf7 .ajax-loader {
     background-image: url("images/bird-loading.gif");
     background-size: 100% auto;
     bottom: 6px;
     left: 18px;
     margin-left: 0;
     position: absolute;
     width: 20px;
}
.contactOuterBottom {
     background-color: #0d0d0d;
     float: left;
     width: 100%;
}
.innerPageBody nav {
     background-image: url("images/inner-header-bg.jpg");
     background-position: center center;
     background-size: cover;
     border-bottom: 1px solid #2c2520;
     padding: 40px 0;
     position: static;
     top: 0;
}
.innerLogo {
     display: inline-block;
     padding-top: 4px;
     padding-bottom: 6px;
}
.innerPageBody .menu_outer {
     padding-top: 24px;
     padding-right: 81px;
}
.section.pageinner {
     background-color: #0c0c0c;
     color: #acacac;
     padding: 70px 0;
}
.section.pageinner.aboutIntro {
     background-image: url("images/aboutIntro.jpg");
     background-position: right center;
     background-size: cover;
}
.aboutIntro .container {
     z-index: 1;
}
.aboutIntroLeft {
     float: left;
     padding-top: 23px;
     width: 60%;
}
.aboutIntroRight {
     float: left;
     padding-left: 3%;
     position: relative;
     text-align: center;
     width: 40%;
     padding-top: 15%;
}
.aboutIntroRight img {
     max-width: 100%;
}
.pageinner h1, .pageinner h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 30px;
     padding-bottom: 37px;
     position: relative;
}
.pageinner h1::after, .pageinner h2::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 50px;
}
.pageinner.commonpagecontentcenter h1::after, .pageinner.commonpagecontentcenter h2::after {
     margin: 0 auto;
     right: 0;
}
.pageinner p {
     color: #acacac;
     font-size: 18px;
     font-weight: 300;
     line-height: 36px;
     margin-bottom: 32px;
}
.pageinner.commonpagecontent ul{
     margin-bottom: 20px;
}
.pageinner.commonpagecontent li {
     font-size: 15px;
     line-height: 26px;
     margin-bottom: 5px;
     list-style: inside;
}
.pageinner p strong {
     font-weight: 800;
}
.section.pageinner.aboutIntro2 {
     background-color: #111111;
     color: #fff;
     padding: 70px 0;
}
.section.pageinner.aboutIntro3 h2::after {
     margin: 0 auto;
     right: 0;
}
.pageinner.aboutIntro2 h2, .pageinner.aboutIntro2 p {
     color: #a6a6a6;
}
.aboutIntro2Right {
     float: right;
     padding-top: 47px;
     width: 49%;
}
.aboutIntro2Right h2 {
     padding-bottom: 42px;
     margin-bottom: 35px;
}
.aboutIntro2Left {
     float: left;
     position: relative;
     text-align: left;
     width: 48%;
     height: 100%;
}
.aboutIntro2LeftInner {
     display: table-cell;
     vertical-align: middle;
     height: 100%;
	 padding-top: 10%;
}
.section.pageinner.aboutOurTeam {
     background-color: #1f1f1f;
     padding: 70px 0;
     position: relative;
     text-align: center;
}
.ourTeamOuter {
     padding-top: 40px;
}
.ourTeamRightContent {
     max-width: 60%;
     text-align: left;
}
.ourTeamPersonImage {
     bottom: 0;
     max-height: 95%;
     max-width: 25%;
     position: absolute;
     right: 5%;
}
.pageinner.aboutIntro3 .container, .pageinner.aboutOurTeam .container, .pageinner.aboutIntro4 .container{
     width: 1390px;
}
.eachTeamhide {
     background-color: rgba(140, 183, 29, 0.9);
     bottom: 0;
     left:-100%;
     padding: 25px;
     position: absolute;
     width: 100%;
     transition: all 0.8s ease-in-out;
     opacity: 0;
}
.eachTeamIn:hover > .eachTeamhide {
     opacity: 1;
     left:0;
}
.commonpagecontent{
     padding:100px 0px;
}
.pageinner .container {
     z-index: 1;
}
.fancyboxService.fancyboxServicePrevButton {
     background-color: #0d0d0d;
     border-radius: 0 70px 70px 0;
     color: #7dae46;
     cursor: pointer;
     font-size: 15px;
     height: 55px;
     left: 0;
     padding-right: 14px;
     padding-top: 21px;
     position: absolute;
     text-align: right;
     top: 46%;
     width: 33px;
     transition: all 0.5s ease;
}
.fancyboxService.fancyboxServiceNextButton {
     background-color: #0d0d0d;
     border-radius: 70px 0 0 70px;
     color: #7dae46;
     cursor: pointer;
     font-size: 15px;
     height: 55px;
     padding-left: 15px;
     padding-top: 21px;
     position: absolute;
     right: 0;
     text-align: left;
     top: 46%;
     width: 33px;
     transition: all 0.5s ease;
}
.fancyboxService.fancyboxServicePrevButton:hover, .fancyboxService.fancyboxServiceNextButton:hover{
     background-color: #202020;
}
.aboutIntro3and4-outer {
     background-image: url("images/we-are-agency.jpg");
     background-position: center center;
     background-size: cover;
}
.section.pageinner.aboutIntro3 {
     background-image: url("images/intro3Bg.jpg");
     background-position: center center;
     background-size: cover;
     padding: 91px 0 0;
}
.aboutIntro3 h2 {
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     padding-bottom: 37px;
     margin-bottom: 35px;
     text-align: center;
     letter-spacing: -1px;
}
.aboutIntro3 h2::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 50px;
}
.section.pageinner.aboutIntro4 {
     background-color: rgba(0, 0, 0, 0.5);
     text-align: center;
}
.aboutIntro3-content > p {
     margin-bottom: 0;
}
.teamOuter {
     margin: 0 auto;
     width: 100%;
     display: table;
     text-align: center;
     padding-bottom: 95px;
}
.eachTeam {
     width: 100%;
     max-width: 330px;
     padding: 40px 40px 35px;
     box-sizing: border-box;
     display: inline-block;
     background: rgba(0, 0, 0, 0.5);
     margin: 1% 5%;
     position:relative;
     transition: all 0.5s ease;
     border: 4px solid rgba(0, 0, 0, 0);
}
.eachTeam:hover {
     border: 4px solid #ffcc00;
}
.eachTeam::after {
     background-color: #ffcc00;
     bottom: -4px;
     content: "";
     height: 4px;
     left: 0;
     position: absolute;
     width: 100%;
}
.eachTeamPic {
     height: 146px;
     width: 146px;
     background: #000;
     border-radius: 50%;
     margin: 0 auto;
     display: table;
}
.eachTeamPic img{
     border-radius: 50%;
}
.eachTeamName {
     font-size: 24px;
     font-weight: 300;
     color: #fff;
     text-align: center;
     text-transform: uppercase;
     line-height: 41px;
     padding-top: 8px;
     padding-bottom: 4px;
}
.eachTeamDesig {
     font-size: 16px;
     font-weight: 300;
     color: #bdbdbd;
     text-align: center;
     text-transform: uppercase;
     line-height: 24px;
     display: table;
     margin: 0 auto;
     width: 100%;
     padding: 0 14%;
}
.eachTeamRead1 {
     background: #fecb00;
     font-size: 15px;
     font-weight: 300;
     color: #181818;
     text-align: center;
     text-transform: uppercase;
     line-height: 24px;
     padding: 10px 29px;
     margin: 0 auto;
     margin-top: 0px;
     display: table;
     margin-top: 11px;
     cursor:pointer;
     transition: all 0.5s ease;
}
.eachTeamRead1:hover {
     background: #bc9707;
}
.eachTeamRead2 {
     background: #fecb00;
     font-size: 15px;
     font-weight: 300;
     color: #181818;
     text-align: center;
     text-transform: uppercase;
     line-height: 24px;
     padding: 10px 29px;
     margin: 0 auto;
     margin-top: 0px;
     display: table;
     margin-top: 11px;
     cursor:pointer;
     transition: all 0.5s ease;
}
.eachTeamRead2:hover {
     background: #bc9707;
}
.eachTeamSocialOuter {
     margin: 0 auto;
     width: 100%;
     display: table;
     padding-top: 17px;
}
.eachTeamSocialOuter a {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     text-align: center;
     transition: all 0.5s ease;
     color: #fff;
     display: table;
     margin: 0 auto;
     font-size: 20px;
     font-weight: 300;
}
.linkedin2 .fa.fa-linkedin-in {
     line-height: 48px;
     font-size: 25px;
     color:#fff;
}
.linkedin2 .fa.fa-linkedin-in:hover {
     color:#0077B5
}
.linkedin2 {
     transition: all 0.5s ease;
}
.linkedin2:hover {
     color:#0077B5
}
.socialOuter3 .linkedin2:hover {
    color: #fff;
}
.linkedin3 .fa.fa-linkedin-in {
     line-height: 48px;
     font-size: 25px;
     color:#fff;
}
.linkedin3 .fa.fa-linkedin-in:hover {
     color:#0077B5
}
.linkedin3 {
     transition: all 0.5s ease;
}
.linkedin3:hover {
     color:#0077B5
}
.teamDetailsBox1 {
     margin: 0 auto;
     width: 100%;
     display: table;
     padding: 71px;
     background: rgba(0, 0, 0, 0.5);
     display:none;
}
.teamDetailsBox2 {
     margin: 0 auto;
     width: 100%;
     display: table;
     padding: 71px;
     background: rgba(0, 0, 0, 0.5);
     display:none;
}
.teamDetailsBoxInner {
     margin: 0 auto;
     width: 100%;
     display: table;
     padding: 31px 84px;
     position:relative;
}
.teamDetailsTitle {
     float:left;
     width:100%;
     color: #fecb00;
     font-size: 24px;
     font-weight: 300;
}
.teamDetailsDesig {
     float: left;
     width: 100%;
     padding-top: 13px;
     line-height: 24px;
     border-bottom: 1px dashed #626262;
     padding-bottom: 23px;
}
.teamDetailsDesig span{
     float: left;
     width: auto;
     color: #bdbdbd;
     font-size: 16px;
     font-weight: 300;
     padding-top: 13px;
     max-width: 210px;
     line-height: 24px;
}
.teamDetails {
     float: left;
     width: 100%;
     padding-top: 59px;
}
.teamDetails p{
     color: #bdbdbd;
     font-size: 18px;
     font-weight: 300;
     line-height:32px;
}
.closeIcon {
     position: absolute;
     height: 100px;
     width: 100px;
     top: -41px;
     right: 51px;
     background: url(images/closeIcon.png) no-repeat center center;
     cursor: pointer;
     transition: all 0.5s ease;
     border-radius:50%;
	 background: rgba(255, 255, 255, 0.2) url(images/closeIcon.png) no-repeat center center;
}
.closeIcon:hover {
     background: rgba(255, 255, 255, 0.3) url(images/closeIcon.png) no-repeat center center;
}
.eachAgencySection:last-child {
     margin-right: 0;
}
.eachAgencySection {
     background-color: #1a1919;
     border-bottom: 2px solid #fecb00;
     float: left;
     margin-right: 2.5%;
     padding: 40px 2% 65px;
     position: relative;
     width: 23.1%;
     transition: all 0.5s ease;
}
.eachAgencySection img {
     margin-bottom: 15px;
}
.eachAgencySection p{
     font-size: 15px;
     color: #dddddd;
     line-height: 24px;
}
.eachAgencySection::after {
     background-color: #fecb00;
     bottom: 0;
     content: "";
     height: 0;
     position: absolute;
     right: 0;
     width: 2px;
     transition: all 0.5s ease;
}
.eachAgencySection::before {
     background-color: #fecb00;
     bottom: 0;
     content: "";
     height: 0;
     position: absolute;
     left: 0;
     width: 2px;
     transition: all 0.5s ease;
}
.newsletterInner2 {
     width: 100%;
     float: left;
     padding-top: 10.7%;
}
.newsletterInner2 p {
     font-size: 21px;
     font-weight: 300 !important;
     color: #fff;
     text-align: center;
     line-height: 30px;
	 font-family: 'Lato', sans-serif;
}
.eachFooterLogo2 {
     float: left;
     width: 100%;
}
.callUsOuter2 {
     width: 100%;
     padding-top: 142px;
     padding-bottom: 152px;
     float: left;
}
.containerFooter {
     float: left;
     width: 100%;
     background: #161616;
     margin-top: 137px;
}
.agency-read-more {
     background-color: #fecb00;
     bottom: 0;
     cursor: pointer;
     font-size: 15px;
     height: 43px;
     left: 0;
     line-height: 43px;
     margin: 0 auto;
     position: absolute;
     right: 0;
     width: 117px;
     transition: all 0.5s ease;
}
.eachAgencySection:hover::before, .eachAgencySection:hover::after{
     height: 100%;
}
.innerPageBody .main .section.page6 {
     overflow: visible;
     float: left;
     width: 100%;
}
.move-to-top {
     border: 1px solid #ffcc00;
     bottom: 12px;
     color: #ffcc00;
     cursor: pointer;
     opacity: 0;
     font-size: 22px;
     height: 40px;
     left: 0;
     margin: 0 auto;
     position: fixed;
     right: 0;
     text-align: center;
     width: 40px;
     z-index: 2147483647;
     transition: all 0.5s ease;
}
.move-to-top:hover {
     background-color: #ffcc00;
     color: #000;
}
.move-to-top i {
     line-height: 37px;
}
.ui-tabs {
     position: relative;
     z-index: 2;
}
.ui-tabs .ui-tabs-nav {
     float: left;
     margin: 0;
     width: 20%;
}
.ui-tabs .ui-tabs-nav li {
     border-bottom-width: 0;
     float: left;
     list-style: outside none none;
     padding: 0;
     position: relative;
     top: 0;
     white-space: nowrap;
     width: 100%;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
     color: #fff;
     float: left;
     font-size: 15px;
     font-weight: 300;
     line-height: 18px;
     padding: 15px 25px 15px 35px;
     position: relative;
     text-decoration: none;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
     width: 100%;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
     background-color: #173937;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
     background-color: #fecb00;
}
.servcie-tab-content::after {
     background-image: url("images/tab-top-shadow.png");
     background-size: 100% 100%;
     content: "";
     height: 10%;
     left: 0;
     position: absolute;
     top: 0;
     width: 27%;
     z-index: 9999;
}
.servcie-tab-content {
     float: left;
     min-height: 500px;
     padding: 100px 4% 70px;
     position: relative;
     width: 80%;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
     cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
     cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
     display: block;
}
.section.pageinner.services-content {
     background-position: center center;
     background-size: cover;
     transition: all 1s ease;
}
.each-servcie-tab-content-thumb img {
     max-height: 400px;
     max-width: 100%;
     width: auto;
}
.each-servcie-tab-content h3::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 50px;
}
.each-servcie-tab-content h3 {
     color: #fff;
     font-size: 32px;
     font-weight: normal;
     line-height: 34px;
     margin-bottom: 22px;
     padding-bottom: 18px;
     position: relative;
}
.each-servcie-tab-content-left {
     float: left;
     width: 50%;
}
.each-servcie-tab-content-left.full-width {
     width: 100%;
}
.each-servcie-tab-content-thumb {
     float: right;
     padding-left: 8%;
     text-align: center;
     width: 50%;
}
.each-servcie-tab-content-left .blogReadMore {
     clear: left;
     float: left;
     margin-top: 20px;
}
.services-content .container::after {
     background-color: rgba(0, 0, 0, 0.7);
     content: "";
     height: 90%;
     position: absolute;
     right: 0;
     top: 10%;
     width: 80%;
     z-index: 1;
}
.services-content .container::before {
     background-color: rgba(4, 35, 32, 0.6);
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 20%;
     z-index: 1;
}
.half-content {
     max-width: 100%;
     width: 1100px;
}
.section.pageinner.servicesSection1 {
}
.servicesSection1 h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 44px;
     padding-bottom: 34px;
     position: relative;
     text-align: center;
     margin-top: 16px;
     text-transform:uppercase;
}
.servicesSection1 h2::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     right:0;
     position: absolute;
     width: 50px;
     margin: 0 auto;
}
.servicesSection1 p {
     color: #afafaf;
     font-size: 18px;
     font-weight: 300;
     line-height: 36px;
}
.section.pageinner.servicesSection2 {
     background-image: url("images/ServicesBg2.jpg");
     background-position: center top;
     background-size: cover;
     padding: 114px 0;
}
.servicesSection2 h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 41px;
     padding-bottom: 37px;
     position: relative;
     text-align: left;
     margin-top: 16px;
     text-transform: uppercase;
}
.serviceFirstHalf {
     width: 55%;
     display: table-cell;
}
.serviceSecondHalf {
     width: 35%;
     display: table-cell;
     vertical-align: middle;
}
.serviceFirstHalf2 {
     width: 44%;
     display: table-cell;
}
.serviceSecondHalf2 {
     width: 36%;
     display: table-cell;
     vertical-align: middle;
}
.serviceFirstHalf p, .serviceSecondHalf p, .serviceFirstHalf2 p, .serviceSecondHalf2 p{
     max-width:95%
}
.servicesSectionInner{
     display:table;
}
.serviceFirstHalf img{
     object-fit:cover;
}
.serviceSecondHalf img{
     object-fit:cover;
}
.realityLink {
     float: left;
     width: auto;
     color: #ffcc00;
     font-weight: 300;
     font-size: 16px;
     text-transform: uppercase;
     margin-top: 12px;
     transition: all 0.5s ease;
     position:relative;
	 cursor: pointer;
}
.realityLink:hover::after {
     background-color: #ffcc00;
     bottom: -8px;
     content: "";
     height: 1px;
     left: 0;
     right: 0;
     position: absolute;
     width: 240px;
}
.realitySubLink {
     float: left;
     width: auto;
     color: #ffcc00;
     font-weight: 300;
     font-size: 16px;
     margin-top: 12px;
     transition: all 0.5s ease;
     position:relative;
     clear:both;
     padding-left: 38px;
     background:url(images/bullets.png) no-repeat center left;
	 cursor:pointer;
}
.realitySubLink:hover::after {
     background-color: #ffcc00;
     bottom: -8px;
     content: "";
     height: 1px;
     left: 39px;
     right: 0;
     position: absolute;
     width: 210px;
}
.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
    float: left;
    width: 100%;
    color: #acacac;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    margin-top: 25px;
    box-sizing: border-box;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    padding: 50px;
	display:none;
}
.close1, .close2, .close3, .close4, .close5, .close6 {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 10px;
    right: 10px;
    background: url(images/closeIcon.png) no-repeat center center;
    cursor: pointer;
    transition: all 0.5s ease;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2) url(images/closeIcon.png) no-repeat center center;
}
.close1:hover, .close2:hover, .close3:hover, .close4:hover, .close5:hover, .close6:hover {
     background: rgba(255, 255, 255, 0.3) url(images/closeIcon.png) no-repeat center center;
}
.serviceReadBtn {
     float: left;
     width: auto;
     color: #fff;
     font-weight: 300;
     font-size: 16px;
     text-transform: uppercase;
     padding: 21px 24px;
     border: 1px solid #fff;
     margin-top: 50px;
     transition: all 0.5s ease;
	 cursor: pointer;
}
.serviceReadBtn:hover {
     border: 1px solid #fff;
     background-color: #fff;
     color: #000;
}
.serviceReadBtn2 {
     float: left;
     width: auto;
     color: #fff;
     font-weight: 300;
     font-size: 16px;
     text-transform: uppercase;
     padding: 21px 24px;
     border: 1px solid #fff;
     margin-top: 15px;
     transition: all 0.5s ease;
}
.serviceReadBtn2:hover {
     border: 1px solid #fff;
     background-color: #fff;
     color: #000;
}
.section.pageinner.servicesSection3 {
     background-image: url("images/ServicesBg3.jpg");
     background-position: center top;
     background-size: cover;
     padding: 156px 0;
}
.servicesSection3 h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 31px;
     padding-bottom: 36px;
     position: relative;
     text-align: left;
     margin-top: 36px;
     text-transform: uppercase;
}
.submissionFormOuter {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    display: none;
    background-color: #1e1e1e;
    border: 4px solid #131313;
    max-width: 500px;
    position: relative;
}
#submissionDiv{
    background-color: #1e1e1e;
}
.formsubject{
	display:none;
}
.submissionFormOuter p {
    max-width: 100%;
}
.submissionFormOuter .textarea-field3 {
     background-color: #fff;
     border: 1px solid #fff;
     color: #3b3b3b;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 20px;
     width: 100% !important;
     box-sizing: border-box;
     height: 137px;
     max-width: 100% !important;
}
.submissionFormOuter .textField3 {
     background-color: #fff;
     border: 1px solid #fff;
     color: #454545;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 8px 20px;
     width: 100%;
     box-sizing: border-box;
     min-height: 46px;
}
.submissionFormOuter .textField3second {
     background-color: #fff;
     border: 1px solid #fff;
     color: #454545;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 8px 20px;
     width: 100%;
     box-sizing: border-box;
     min-height: 46px;
}
.submissionFormOuter input::-webkit-input-placeholder, .submissionFormOuter textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #3b3b3b;
}
.submissionFormOuter .sendButton3 {
     background: #fecb00;
     color: #181818;
     cursor: pointer;
     float: none;
     font-size: 15px;
     padding: 10px 35px;
     transition: all 0.5s ease 0s;
     height: 43px;
     width: 127px;
     border: none;
     margin: 0 auto;
     display: table;
}
.submissionFormOuter .sendButton3.active {
     background-color: rgba(0, 0, 0, 0);
     background-image: url("images/bird-loading.gif");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: auto 100%;
     font-size: 0;
}
.submissionFormOuter .contactpageFormNotify span{
     color: #9bc432;
}
.submissionFormOuter p {
     margin-bottom: 0;
}
.submissionFormOuter span.wpcf7-not-valid-tip {
     display: none;
}
.submissionFormOuter input.wpcf7-not-valid{
     border: 1px solid #ec1313;
}
.submissionFormOuter .textarea-field3.wpcf7-not-valid{
     border: 1px solid #ec1313;
}
.submissionFormOuter .wpcf7-response-output {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #f7e700;
}
.submissionFormOuter div.wpcf7-mail-sent-ok {
    border: 1px solid #398f14 !important;
	color: #fff !important;
}

.section.pageinner.servicesSection4 {
     background-image: url("images/ServicesBg4.jpg");
     background-position: center top;
     background-size: cover;
     padding: 109px 0;
}
.servicesSection4 h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 30px;
     padding-bottom: 37px;
     position: relative;
     text-align: left;
     margin-top: 16px;
     text-transform: uppercase;
}
.section.pageinner.servicesSection5 {
     background-image: url("images/ServicesBg5.jpg");
     background-position: center top;
     background-size: cover;
     padding: 135px 0;
}
.servicesSection5 h2 {
     color: #fff;
     font-size: 42px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 35px;
     padding-bottom: 37px;
     position: relative;
     text-align: left;
     margin-top: 33px;
     text-transform: uppercase;
}
.section.pageinner.contactpage {
     background-color: #616161;
     background-image: url("images/contactbg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size:cover;
     padding-bottom: 0;
     position: relative;
     padding-top: 144px;
}
.pageinner.contactpage p {
     color: #fff;
}
.pageinner.contactpage h1 {
     padding-bottom: 21px;
     margin-bottom: 26px;
}
.pageinner.contactpage h1::after {
     width: 112px;
     left: 3px;
}
.contactpageLeft {
     width: 75%;
     float: left;
}
.contactpageLeft p{
     box-sizing:border-box;
     padding-left:3px;
}
.contactpageForm {
     background-color: #1e1e1e;
     border: 4px solid #131313;
     max-width: 100%;
     padding: 69px 59px;
     position: relative;
     width: 735px;
     margin-top: 45px;
     float: left;
     margin-left: 3px;
     min-height: 565px;
     margin-bottom: 156px;
}
.contactpageSocialBoxOuter {
     background-color: #1e1e1e;
     border: 4px solid #131313;
     max-width: 100%;
     padding: 69px 59px;
     position: relative;
     width: 563px;
     margin-top: 45px;
     float: right;
     margin-right: 2px;
     margin-bottom: 156px;
     min-height: 565px;
}
.contactpageForm .textarea-field3 {
     background-color: #fff;
     border: 1px solid #fff;
     color: #3b3b3b;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 20px;
     width: 100% !important;
     box-sizing: border-box;
     height: 137px;
     max-width: 100% !important;
}
.contactpageForm .textField3 {
     background-color: #fff;
     border: 1px solid #fff;
     color: #454545;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 8px 20px;
     width: 100%;
     box-sizing: border-box;
     min-height: 46px;
}
.contactpageForm .textField3second {
     background-color: #fff;
     border: 1px solid #fff;
     color: #454545;
     font-size: 15px;
     margin-bottom: 11px;
     padding: 8px 20px;
     width: 100%;
     box-sizing: border-box;
     min-height: 46px;
}
.contactpageForm input::-webkit-input-placeholder, .contactpageForm textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #3b3b3b;
}
.contactpageForm .sendButton3 {
     background: #fecb00;
     color: #181818;
     cursor: pointer;
     float: none;
     font-size: 15px;
     padding: 10px 35px;
     transition: all 0.5s ease 0s;
     height: 43px;
     width: 127px;
     border: none;
     margin: 0 auto;
     display: table;
}
.contactpageForm .sendButton3.active {
     background-color: rgba(0, 0, 0, 0);
     background-image: url("images/bird-loading.gif");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: auto 100%;
     font-size: 0;
}
.contactpageForm .contactpageFormNotify span{
     color: #9bc432;
}
.contactpageForm p {
     margin-bottom: 0;
}
.contactpageForm span.wpcf7-not-valid-tip {
     display: none;
}
.contactpageForm input.wpcf7-not-valid{
     border: 1px solid #ec1313;
}
.contactpageForm .textarea-field3.wpcf7-not-valid{
     border: 1px solid #ec1313;
}
.contactpageFormNotify {
     float: left;
}
.contactpageForm div.wpcf7-response-output {
     border: medium none;
     bottom: 10px;
     clear: right;
     font-size: 12px;
     left: 0;
     margin: 0;
     position: absolute;
     text-align: center;
     width: 100%;
}
.contactpageForm div.wpcf7 .ajax-loader {
     display: none;
}
.category_outer{
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.category_box{
	float: left;
	width: 100%;
	max-width: 400px;
}
.sub_category_box{
	float: left;
	width: 100%;
	max-width: 345px;
}
#gallery_cat, #gallery_sub_cat {
    background-color: #fff;
    border: 1px solid #fff;
    color: #454545;
    font-size: 15px;
    margin-bottom: 11px;
    padding: 8px 20px;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    min-height: 40px;
    cursor: pointer;
}
.cat_title {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
}
.galleryloader {
    float: left;
    width: 50px;
    height: 50px;
    background: url(images/loader.gif) no-repeat center center;
    margin-top: 25px;
    display: none;
}
.footerContact3 {
     float: left;
     width: 100%;
     font-weight: 300;
     margin-bottom: 20px;
     box-sizing: border-box;
     padding: 10px 0 0 56px;
}
.footerContact3 .fa-envelope-o {
     font-size: 35px;
     margin-right: 15px;
     color: #fecb00;
}
.footerContact3 .fa-phone {
     font-size: 35px;
     margin-right: 15px;
     color: #fecb00;
     margin-left: 43px;
}
.footerContact3 a{
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     transition: all 0.5s ease;
     letter-spacing: 0.5px;
}
.footerContact3 a:hover{
     color: #fecb00;
}
.footerSocialTitle2 {
     float: left;
     width: 100%;
     font-size: 30px;
     font-weight: 300;
     color: #fff;
     margin-top: 60px;
     letter-spacing: .5px;
     text-align: center;
     line-height: 42px;
     padding: 0 55px;
     box-sizing: border-box;
}
.contactpageInfoBox{
     float: left;
     width: 100%;
}
.contactpageSocialBox{
     float: left;
     width: 100%;
}
.socialOuter3 {
     float: left;
     width: 100%;
     margin-top: 57px;
}
.socialOuter3 a {
     float: left;
     height: 73px;
     width: 73px;
     border: 1px solid #fff;
     border-radius: 50%;
     text-align: center;
     transition: all 0.5s ease;
     margin-bottom: 10px;
}
.facebook2 .fa.fa-facebook-f {
     line-height: 74px;
     font-size: 34px;
     color: fff;
}
.facebook2:hover{
     background:#425F9C;
     border:1px solid #425F9C;
}
.youtube2 .fa.fa-play {
     line-height: 74px;
     font-size: 34px;
     color: fff;
}
.youtube2 {
     margin-left: 17px;
}
.youtube2:hover{
     background:#FF0000;
     border:1px solid #FF0000;
}
.twitter2 .fa.fa-twitter{
     line-height: 74px;
     font-size: 34px;
     color: fff;
}
.twitter2 {
     margin-left: 16px;
}
.twitter2:hover{
     background:#1DA6F5;
     border:1px solid #1DA6F5;
}
.linkedin2 .fa.fa-linkedin{
     line-height: 74px;
     font-size: 34px;
     color: fff;
}
.linkedin2 {
     margin-left: 18px;
}
.linkedin2:hover{
     background:#0077B5;
     border:1px solid #0077B5;
}
.instagram2 .fa.fa-instagram{
     line-height: 74px;
     font-size: 34px;
     color: fff;
}
.instagram2 {
     margin-left: 21px;
}
.instagram2:hover{
     background:#D62E78;
     border:1px solid #D62E78;
}
.section.pageinner.ourWorkSection1 {
     background-color: #616161;
     background-image: url("images/ourWorkSection1Bg.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-bottom: 64px;
     position: relative;
}
.ourWorkSection1 h2 {
     color: #252525;
     font-size: 72px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 40px;
     padding-bottom: 44px;
     position: relative;
     text-align: center;
     margin-top: 40px;
     text-transform: uppercase;
}
.ourWorkSection1 h2::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     right: 0;
     position: absolute;
     width: 90px;
     margin: 0 auto;
}
.ourWorkSection1 p {
     color: #252525;
     font-size: 18px;
     font-weight: 300;
     line-height: 36px;
     padding: 0 50px;
     text-align: center;
}
.clientLogoOuter {
     float: left;
     width: 100%;
     padding: 34px 105px;
     box-sizing: border-box;
}
.eachLogo {
     float: left;
     width: 25%;
     text-align: center;
     object-fit: contain;
     margin-bottom: 33px;
     min-height: 70px;
}
.section.pageinner.ourWorkSection2 {
     background-color: #252525;
     position: relative;
     padding: 118px 0px 96px;
}
.ourWorkSection2 h2 {
     color: #fff;
     font-size: 72px;
     font-weight: 300;
     line-height: 42px;
     margin-bottom: 40px;
     padding-bottom: 44px;
     position: relative;
     text-align: center;
     text-transform: uppercase;
}
.ourWorkSection2 h2::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     right: 0;
     position: absolute;
     width: 90px;
     margin: 0 auto;
}
.ourWorkSection2 p {
     color: #fff;
     font-size: 18px;
     font-weight: 300;
     line-height: 36px;
     padding: 0px 90px;
     text-align: center;
}
.projectFilterOuter {
     float: left;
     width: 100%;
     padding-top: 35px;
}
.eachWork {
     float: left;
     width: 30%;
     max-width: 430px;
     max-height: 308px;
     overflow: hidden;
     margin-right: 35px;
     margin-bottom: 41px;
     position: relative;
}
.plusSymbol {
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 99999;
     left: 0;
     top: 0;
     background: rgba(255,204,0,0.3) url(images/zoomIcon.png) no-repeat center center;
     display: none;
}
.eachWork:hover .plusSymbol {
     display:block;
}
.thirdWork{
     margin-right:0px !important;
}
.projectFilterMenu {
     margin: 0 auto;
     width: 100%;
     text-align: center;
     padding-bottom: 33px;
}
.projectFilterMenu li {
     margin: 0 auto;
     width: auto;
     text-align: center;
     padding: 0px 23px 20px;
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     display: inline-block;
     cursor: pointer;
     position: relative;
}
.projectFilterMenu li:hover::after , .projectFilterMenu li.active::after{
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     right: 0;
     position: absolute;
     width: 60px;
     margin: 0 auto;
}
.bottomYellowLine {
     background-color: #ffcc00;
     bottom: 0px;
     height: 6px;
     left: 0;
     position: absolute;
     width: 100%;
}
.workOuter{
     float:left;
     width:100%;
}
.wrap {
     float: left;
     width: 100%;
     padding-top: 34px;
}
.containerProject {
     margin: 0 auto;
     max-width: 100%;
     position: relative;
     width: 1360px;
     z-index: 3;
     overflow: hidden;
}
/* span {
     display: block;
     font-size: .75em;
     font-style: italic;
     position: relative;
     top: 5px;
} */
.multi {
     display: inline;
     top: 0;
     left: 3px;
}
img {
     max-width: 100%;
}
.programs,.courses {
     margin: 8px 0 0 0;
}
.programs {
     font-size: 0;
     margin-bottom: 15px;
}
.courses {
     font-size: 0;
}
.courses .mix-target {
     display: none;
}
.programs {
     margin-bottom: 0;
}
.section.contactpageBottom {
     border-top: 5px solid #fecb00;
     height: 90px;
     margin-top: -70px;
     position: relative;
}
.contactpageBottom{
     background-image: url("images/contactpageBottom.jpg");
}
.phoneBox, .emailBox {
     bottom: 70px;
     height: auto;
     position: absolute;
     width: 22%;
}
.phoneBox::after, .emailBox::after {
     background-image: url("images/bottom-shadow.png");
     bottom: 0;
     content: "";
     height: 22px;
     left: 0;
     position: absolute;
     width: 100%;
}
.acllToBox-top {
     background-image: url("images/phone-email-box.png");
     background-size: 100% 100%;
     float: left;
     padding: 20px 10px 10px 55px;
     width: 100%;
}
.acllToBox-popup {
     background-color: #fecb00;
     float: left;
     padding: 8px 10% 15px;
     width: 100%;
     display: none;
}
.acllToBox-popup .wpcf7-not-valid-tip {
     display: none;
}
.acllToBox-popup .wpcf7-response-output {
     border: medium none;
     color: #1e1e1e;
     float: left;
     font-size: 9px;
     letter-spacing: 0.5px;
     margin: 10px 0 0;
     padding-left: 0;
     padding-right: 0;
     text-align: center;
     width: 100%;
}
.acllToBox-popup div.wpcf7 .ajax-loader {
     background-image: url("images/bird-loading.gif");
     background-size: 100% auto;
     bottom: 12px;
     left: 18px;
     margin-left: 0;
     position: absolute;
     width: 20px;
}
.acllToBox-popup .twoButtons {
     position: relative;
}
.acllToBox-popup .sendButton.sendButtonR {
     display: none;
}
.phoneBox i, .emailBox i {
     color: #fff;
     float: left;
     font-size: 45px;
     height: 68px;
     margin-right: 15px;
     padding-top: 10px;
}
.pageinner.contactpage .phoneBox p, .pageinner.contactpage .emailBox p {
     color: #1e1e1e;
     font-size: 14px;
     line-height: 18px;
     margin-bottom: 0;
}
.phoneBox a, .emailBox a {
     color: #1e1e1e;
     display: block;
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     padding-bottom: 8px;
     transition: all 0.5s ease;
}
.phoneBox a:hover, .emailBox a:hover {
     color: #405212;
}
.phoneBox .sendButton {
     color: #fff;
     font-size: 11px;
     font-weight: bold;
     width: 100%;
}
.phoneBox .sendButton:hover {
     color: #fff;
}
.emailBox{
     right: 0;
}
.phoneBox {
     right: 25%;
}
.contactpageMap {
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     width: auto;
}
.section.pageinner.faq-content {
     background-image: url("images/FAQ-bg.jpg");
     background-position: center center;
     background-size: cover;
     padding-top: 0;
}
.faq-page-title {
     background-color: rgba(0, 0, 0, 0.8);
     border-bottom: 1px solid #ffcc00;
     padding-top: 70px;
}
.pageinner .faq-page-title h2 {
     margin-bottom: 0;
     padding-bottom: 80px;
}
.pageinner .faq-page-title h2::after {
     display: none;
}
.faq-left {
     background-color: #252525;
     border: 1px solid #ffcc00;
     border-radius: 10px;
     float: left;
     margin-top: -52px;
     max-width: 100%;
     padding: 30px;
     width: 55%;
     height: 650px;
}
.faq-right {
     float: right;
     width: 40%;
}
.faq-content-2inner {
     background-color: #1d1d1d;
     margin-top: 175px;
     padding: 40px 40px 40px 85px;
     -webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.67);
     -moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.67);
     box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.67);
     max-width: 90%;
     background-image: url('images/FAQ-msg-icon.png');
     background-position: 40px 38px;
     background-repeat: no-repeat;
}
.faq-content-2inner > h2 {
     font-size: 22px;
     line-height: 26px;
     margin-bottom: 0;
     padding-bottom: 15px;
}
.faq-content-2inner > h2::after {
     display: none;
}
.faqAccordion h3 img {
     float: left;
     padding-right: 8px;
     width: 32px;
}
.faqAccordion .fa-tab-content {
     background-color: #fff;
     border-top: 2px solid #dbdbdb;
}
.faqAccordion h3 {
     background-color: #fff;
     color: #fecb00;
     cursor: pointer;
     font-size: 18px;
     font-weight: 300;
     line-height: 22px;
     padding: 10px;
     transition: all 0.5s ease;
     margin-top: 6px;
}
.faqAccordion h3:hover {
     background-color: #fecb00;
     color: #fff;
}
.each-faq-content {
     border-bottom: 2px solid #dbdbdb;
     padding: 15px 40px 15px 42px;
}
.each-faq-content h4 {
     color: #373737;
     font-size: 16px;
     margin-bottom: 4px;
}
.each-faq-content p {
     color: #727272;
     line-height: 24px;
     margin-bottom: 0;
}
.section.pageinner.blogLisingPage {
     background-image: url("images/blogLisingBg.jpg");
     background-position: center center;
     background-size: cover;
}
.blogLisingPageContainer {
     background-color: rgba(0, 0, 0, 0.5);
     padding: 40px;
}
.eachblogLisingPage:nth-child(2n) {
     margin-right: 0;
}
.eachblogLisingPage {
     background-color: rgba(0, 0, 0, 0.8);
     float: left;
     margin-bottom: 50px;
     margin-right: 2%;
     padding: 10px 10px 30px;
     width: 49%;
}
.section.pageinner.blogLisingPage h1::after {
     display: none;
}
.section.pageinner.blogLisingPage h1 {
     margin-bottom: 0;
     text-transform: uppercase;
}
.blogLisingPageDate {
     float: left;
     width: 15%;
     position: relative;
}
.blogLisingPageeachContent {
     float: left;
     margin-left: 1%;
     width: 84%;
}
.roundedDate {
     background-color: #fecb00;
     border-radius: 50%;
     color: #fff;
     display: block;
     font-size: 32px;
     font-weight: 300;
     height: 60px;
     left: 0;
     line-height: 60px;
     margin: 0 auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: -40px;
     width: 60px;
}
.blogLisingPageDateInner {
     color: #fff;
     font-size: 15px;
     margin-top: 50px;
     text-align: center;
     text-transform: uppercase;
}
.msgCount {
     color: #fff;
     float: left;
     margin-top: 6px;
     text-align: center;
     width: 100%;
}
.msgCount i{
     margin-right: 7px;
     color: #8d8d8d;
}
.blogLisingPageeachContent > h3 {
     font-size: 18px;
     font-weight: 300;
     margin-bottom: 15px;
     margin-top: 18px;
}
.blogLisingPageeachContent img {
     float: left;
     margin-bottom: 10px;
     margin-right: 20px;
}
.blogLisingPageeachContent p {
     color: #868685;
     font-size: 14px;
}
.blogLisingPageReadMore {
     color: #fecb00;
     transition: all 0.5s ease;
}
.blogLisingPageReadMore:hover {
     color: #fff;
}
.loadMorePortfolio {
     margin-top: 40px;
     text-align: center;
     width: 100%;
}
#loadPortfolio {
     border: 1px solid #fecb00;
     border-radius: 15px;
     color: #fecb00;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 800;
     padding: 10px 40px;
     transition: all 0.5s ease;
}
#loadPortfolio:hover {
     background-color: #fecb00;
     color: #fff;
}
.swError {
     float: left;
     font-weight: normal;
     text-align: center;
     width: 100%;
     color: #9bc432;
}
.brandsLoading {
     float: left;
     text-align: center;
     width: 100%;
}
.brandsLoading img {
     max-width: 45px;
}
.section.pageinner.blogSinglePage {
     background-image: url("images/blogSingleBg.jpg");
     background-position: center center;
     background-size: cover;
     padding-bottom: 0;
}
.blogSinglePageContainer {
     background-color: rgba(0, 0, 0, 0.73);
     padding: 0 50px 50px;
}
.blogSinglePageContainer .blogLisingPageDate {
     background-color: #070808;
     margin-right: 30px;
     width: 122px;
}
.blogSinglePageContainer .blogLisingPageDateInner {
     margin-top: 10px;
}
.blogSinglePageContainer .roundedDate {
     margin-top: 18px;
     position: static;
}
.blogSinglePageContainer .msgCount {
     margin-bottom: 10px;
}
.pageinner.blogSinglePage h1 {
     margin-bottom: 0;
     padding-bottom: 0;
     padding-top: 50px;
}
.pageinner.blogSinglePage h1::after {
     display: none;
}
.blogSingleTitle {
    border-bottom: 2px solid #ffcc00;
    float: left;
    margin-bottom: 40px;
    width: 100%;
    padding-bottom: 10px;
}
.blogSingleContent .alignright{
     float: right;
     max-width: 100%;
     padding-bottom: 15px;
     padding-left: 30px;
}
.blogSingleContent .alignleft {
     float: left;
     max-width: 100%;
     padding-bottom: 15px;
     padding-right: 30px;
}
.blogSingleContent {
     border-bottom: 1px dashed #919593;
     padding-bottom: 60px;
     margin-bottom: 40px;
}
.eachCommentOuter {
     margin-bottom: 40px;
}
#commentsbox .eachCommentOuter:last-child {
     margin-bottom: 0;
}
.eachCommentTitle {
     color: #fff;
     float: left;
     margin-bottom: 12px;
     width: 100%;
}
.eachCommentTitle div {
     float: left;
     margin-right: 35px;
}
.eachCommentTitle div i {
     color: #fecb00;
     font-size: 18px;
     margin-right: 10px;
}
.commentFormBox {
     background-color: rgba(0, 0, 0, 0.73);
     margin-top: 1px;
     padding: 50px;
     text-align: center;
     float: left;
     width: 100%;
}
.commentFormBox h3 {
     color: #fff;
     font-size: 30px;
     font-weight: 300;
     line-height: 30px;
     margin-bottom: 40px;
     padding-bottom: 30px;
     position: relative;
}
.commentFormBox h3::after {
     background-color: #ffcc00;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     right: 0;
     margin: 0 auto;
     position: absolute;
     width: 50px;
}
#commentform input[type="text"] {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 2px solid #959595;
     border-radius: 5px;
     color: #f5f5f5;
     float: left;
     font-size: 14px;
     margin-bottom: 16px;
     padding: 10px;
     width: 49%;
     margin-right: 2%;
}
#commentform input[type="text"]:nth-child(2n+1) {
     margin-right: 0;
}
#commentform textarea {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 2px solid #959595;
     border-radius: 5px;
     color: #f5f5f5;
     float: left;
     font-size: 14px;
     height: 105px;
     margin-bottom: 35px;
     padding: 10px;
     resize: none;
     width: 100%;
}
.commentFormBox > form {
     margin: 0 auto;
     max-width: 790px;
}
#commentform #submit {
    background-color: #fecb00;
    border: 1px solid #fecb00;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 800;
    padding: 8px 32px;
    transition: all 0.5s ease;
}
#commentform #submit:hover {
     background: none;
}
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
#mc_embed_signup div.mce_inline_error {
    margin: 8px 0 1em 0;
    padding: 10px 50px;
    background-color: #6B0505;
    font-weight: 300;
    z-index: 1;
    color: #fff;
    display: inline-table !important;
    font-size: 12px;
}
.aboutIntroRight {
    padding-top: 7.5%;
}
.eachWork {
    float: left;
    width: 48%;
    max-width: none;
    max-height: none;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
}
.eachWork img {
    max-width: 100%;
    width: 100%;
}
section.vc_row.wpb_row.vc_row-fluid.testimonial-rotator.vc-zozo-section.typo-dark {
    padding: 10px 0;
}
/*2019*/

.plusSymbol {   
    background-image:  none;
    background-color:  rgba(255, 204, 0, 0.06) ;  
}
.eachWork:hover img{   
    transform: scale(1.1);
}
.eachWork{
     overflow: hidden;   
}
.eachWork,.eachWork:hover  {    
    max-width: 100%;
    /* max-height: 290px; */
}
.eachWork:hover img, .eachWork img{
     -moz-transition: transform .5s ease;
    -ms-transition:transform .5s ease;
    -o-transition: transform .5s ease;
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;
}
.eachWork, .eachWork:hover{
     overflow: hidden;
     width: 48%;
     /* height: 290px; */
}
.plusSymbol{
     width: 100%;
     height: 100%;
     max-width: 100%;
     overflow: hidden;
}
section.section.page02.fp-section.fp-table.active.fp-completely, section.section.page02 {
    background: url(images/Fancy-Black-BackGround.jpg) no-repeat;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-scroller{
     float: left;
     width: 100%;
}
.logo-scroller li{
     width: 13%;
     height: auto;
     float: left;
     margin: 20px;
     box-sizing: border-box;
}
.container-logos h2 {
    font-size: 50px;
    line-height: 50px;
    text-align: center;    
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-weight: 300;
    margin: 40px 0;
}
section.section.page02 .fp-tableCell {
    height: 100%;
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.logocontent p , .introContentIn p , .servicesDetails p , .eachService p , .introContentIn p , .blogHeader p, .footerContact a, .footerContact2 a, .address,
.pageinner p, .eachTeamDesig , .pageinner.aboutIntro2 h2, .pageinner.aboutIntro2 p{
    color: #fff;
}
.ourWorkSection1 p {
    color: #252525;
}
.footerContact a:hover, .footerContact2 a:hover {
    color: #ffcc00;
}
.socialOuter3 .linkedin2 {
    /*margin-right: 18px;*/
}
.logo-scroller li {  
    text-align: center;    
}
.container-logos h2 { 
    line-height: 40px;   
}
.linkedin2 {
     margin-right: 18px;
     margin-left: 0;
 }

 .footerContact .fa-envelope-o, .footerContact2 .fa-envelope-o {     
     color: #fecb00;
 }
 .footerContact .fa-phone, .footerContact2 .fa-phone {     
     color: #fecb00;
 }
/*Plugin CSS*/
#owl-right,#owl-left{
     float: left;
}
.item div img {
     min-width: 158px;
 }
 .item div{
      padding: 40px;;
 }
/* plugin style ends */
.forDesktop{
     display: block;
}
.forMobile{
     display: none;
}
.blogReadMore, .blogDate {
     background-color: #fecb00;
}
section.section.pageinner.ourWorkSection2 .bottomYellowLine {
     display: none;
 }
 .footerContact3{
      padding: 0 !important;
      text-align:center;
 }
 .footerContact3 .fa-phone{
      margin-left: 0;
 }
 .eachWork, .eachWork:hover {
     overflow: hidden;
     width: 50%;
     height: auto;
     /* max-height: 290px; */
     box-sizing: border-box;
 }
 .eachLogo {
     float: left;
     width: 25%;
     text-align: center;
     object-fit: contain;
     margin-bottom: 33px;
     min-height: 70px;
     max-width: 275px;
     box-sizing: border-box; 
 }
.contactpageLeft h2{
     text-transform: uppercase;
}
.seotivLogosIn{
     display: none;
}
.eachWork img {
    max-height: 327px;

}
.owl-carousel .owl-item img{
	pointer-events: none;
}

@media (max-width:1700px) {
     .callUsOuter {
         padding: 80px 0;
         margin-top:50px;
    }
     .blogHeader {
         width: 23%;
    }
     .blogOuter {
         width: 70%;
    }
     .viewAllBlog > a {
         background-size: contain;
         height: 100px;
         top: -48px;
    }
     .logoouter {
         padding-top: 225px;
    }
     .viewAllBlog > a {
         right: 13.5%;
         width: 101px;
    }
}
@media (max-width:1696px) {
     .storyIcons li {
         margin: 0px 5px;
         height: 180px;
         width: 180px;
    }
     .newsletterContainer {
         top: -210px;
    }
}
@media (max-width:1600px) {
    .eachFooterLogo img{
         max-width:80%;
    }
     .footerSocialTitle {
         font-size: 23px;
    }
     .seotivLogosIn {
         padding-top: 25%;
    }
     .introContentIn {
         padding-top: 25%;
    }
     .blogOuter {
         padding-top: 12%;
    }
     .blogHeader h2 {
         padding-top: 45%;
    }
	.storyIcons {
		margin-top: 450px;
	}
	
}
@media (max-width:1536px) {
	.logocontent {
		padding-top: 0;
	}
	.logocontent a {
		margin-top: 10px;
	}
	.serviceSliderOuter {
		max-width: 1100px;
	}
	.bulbOuter img {
		bottom: 10%;
		right: -50px;
	}
	.servicesContainer h2 {
		margin-top: 0;
	}
	.servicesDetails {
		padding-bottom: 40px;
	}
	.serviceSliderNav {
		bottom: 0px;
		right: -10%;
	}
	.callUsOuter {
		padding: 50px 0;
		margin-top: 0;
	}
	.seotivLogosIn {
		padding-top: 18%;
	}
	.introContentIn {
		padding-top: 18%;
	}
	.blogHeader h2 {
		padding-top: 25%;
	}
	.blogOuter {
		padding-top: 7%;
	}
	.footerSocialTitle {
		font-size: 27px;
	}
	.slidingLogo img.birdTilt {
		width: 350px;
	}	
	.storyIcons {
		margin-top: 390px;
	}
}
@media (max-width:1500px) {
     .container {
         width: 1250px;
    }
     .aboutIntroLeft {
         padding-top: 0;
    }
     .pageinner h1, .pageinner h2 {
         font-size: 35px;
         line-height: 35px;
    }
    .pageinner p {
         font-size: 16px;
         line-height: 30px;
    }
	.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
		font-size: 16px;
	}
     .eachAgencySection p {
         font-size: 13px;
         line-height: 20px;
    }
     .phoneBox, .emailBox {
         width: 24%;
    }
     .phoneBox i, .emailBox i {
         font-size: 30px;
         height: 50px;
    }
     .phoneBox a, .emailBox a {
         font-size: 13px;
         line-height: 15px;
         padding-bottom: 5px;
    }
     .pageinner.contactpage .phoneBox p, .pageinner.contactpage .emailBox p {
         font-size: 13px;
         line-height: 14px;
    }
     .faq-content-2inner > h2 {
         font-size: 20px;
         line-height: 20px;
    }
     .faq-content-2inner {
         background-position: 40px 33px;
    }
     .introContentIn h2 {
         font-size: 60px;
         line-height: 60px;
         margin-bottom: 40px;
    }
     .introContentIn p {
         font-size: 18px;
    }
     .viewMoreButton {
         font-size: 14px;
         padding: 15px 38px;
    }
     .eachService a {
         padding: 15px 49px;
    }
     .servicesContainer h2 {
         font-size: 60px;
         line-height: 60px;
    }
     .servicesDetails p {
         font-size: 18px;
    }
     .eachService p {
         min-height: 220px;
    }
     .serviceSliderOuter {
         width: 100%;
         max-width: 980px;
    }
     .seotivLogosIn {
         text-align: center;
         float: none;
         width: 70%;
         display: table;
         margin: 0 auto;
    }
     .blogHeader h2 {
         font-size: 35px;
         margin-bottom: 10px;
    }
     .blogHeader p {
         font-size: 17px;
    }
     .eachService h3 {
         font-size: 25px;
    }
     .nameField {
         font-size: 14px;
         height: 45px;
    }
     .sendBtn {
         height: 45px;
         font-size: 17px;
    }
     .newsletterInner p {
         font-size: 18px;
    }
     .nameField2 {
         font-size: 14px;
         height: 45px;
    }
     .sendBtn2 {
         height: 45px;
         font-size: 17px;
    }
     .footerSocialTitle {
         font-size: 20px;
    }
     .phoneSection {
         padding-left: 130px;
    }
     #fp-nav.right {
         right: 8px !important;
    }
     .blogHeader {
         width: 25%;
    }
     .blogOuter {
         width: 70%;
    }
     .toggle_menu a {
         font-size: 14px;
    }
     .logoouter a img {
         width: 400px;
    }
     .logocontent p span {
         display: contents;
    }
     .logocontent p {
         font-size: 16px;
    }
     .logocontent a {
         font-size: 14px;
    }
     .introContentIn h2 {
         font-size: 50px;
         line-height: 50px;
         margin-bottom: 30px;
    }
     .viewMoreButton {
         font-size: 13px;
         padding: 15px 30px;
    }
     .slidingLogo img {
         width: 300px;
    }
     .storyIcons {
         margin-top: 400px;
    }
     .storyIcon1 {
         width: 130px;
         margin-right: 10%;
    }
     .storyIcon2 {
         width: 110px;
         margin-right: 10%;
    }
     .storyIcon3 {
         width: 100px;
    }
     .servicesContainer h2 {
         font-size: 50px;
         line-height: 50px;
         padding-bottom: 20px;
    }
     .servicesDetails p {
         font-size: 16px;
    }
     .servicesDetails {
         padding-bottom: 40px;
    }
     .eachService h3 {
         font-size: 20px;
    }
     .eachService p {
         min-height: 200px;
         font-size: 14px;
    }
     .eachService a {
         padding: 10px 30px;
         font-size: 13px;
    }
     .introContentIn p {
         font-size: 16px;
    }
     .blogHeader h2 {
         font-size: 25px;
         margin-bottom: 0;
         padding-top: 38%;
    }
     .blogOuter {
         padding-top: 10%;
    }
     .blogHeader p {
         font-size: 15px;
         line-height: 30px;
    }
     .nameField {
         font-size: 12px;
         height: 35px;
    }
     .sendBtn {
         height: 35px;
         font-size: 14px;
         margin-top: 10px;
    }
     .socialOuter {
         margin-top: 30px;
    }
     .eachBlog > h3 {
         font-size: 14px;
         margin-top: 25px;
    }
     .eachBlog {
         padding-bottom: 30px !important;
    }
     .viewAllBlog > a {
         height: 70px;
         top: -34px;
         right: 7% !important;
    }
     .newsletterInner p {
         font-size: 16px;
    }
     .callUsOuter {
         padding: 60px 0;
         margin-top: 0;
    }
     .nameField2 {
         font-size: 12px;
         height: 35px;
    }
     .sendBtn2 {
         height: 35px;
         font-size: 15px;
    }
     .eachFooterLogo {
         text-align: center;
    }
     .eachFooterLogo img {
         max-width: 60%;
         text-align: center;
    }
     .footerSocialTitle {
         font-size: 18px;
    }
     .socialOuter a {
         height: 40px;
         width: 40px;
    }
     .socialOuter2 a {
         height: 40px;
         width: 40px;
    }
     .facebook .fa.fa-facebook-f {
         line-height: 40px;
         font-size: 20px;
    }
     .youtube .fa.fa-play {
         line-height: 40px;
         font-size: 20px;
    }
     .twitter .fa.fa-twitter {
         line-height: 40px;
         font-size: 20px;
    }
     .linkedin .fa.fa-linkedin {
         line-height: 40px;
         font-size: 20px;
    }
     .instagram .fa.fa-instagram {
         line-height: 40px;
         font-size: 20px;
    }
     .footerContact .fa-envelope-o, .footerContact2 .fa-envelope-o {
         font-size: 25px;
    }
     .footerContact a, .footerContact2 a {
         font-size: 14px;
    }
     .footerContact .fa-phone, .footerContact2 .fa-phone {
         font-size: 25px;
    }
     .address {
         font-size: 14px;
         padding: 40px 0;
    }
     .address p {
         display: inline-block;
         font-size: 14px;
    }
     .container2 {
         max-width: 95%;
         width: 100%;
         z-index: 3;
    }
     .section.pageinner {
         padding: 50px 0;
    }
     .pageinner h1, .pageinner h2 {
         font-size: 30px;
         line-height: 35px;
         padding-bottom: 20px;
    }
     .section.pageinner.aboutIntro2 {
         padding: 50px 0;
    }
     .section.pageinner.aboutIntro3 {
         padding: 60px 0 0;
    }
     .pageinner h1, .pageinner h2 {
         font-size: 25px;
         line-height: 35px;
         padding-bottom: 20px;
         letter-spacing: 0;
    }
     .eachTeam {
         padding: 30px 30px 30px;
    }
     .eachTeamName {
         font-size: 20px;
    }
     .eachTeamDesig {
         font-size: 13px;
    }
     .eachTeamRead1 {
         font-size: 13px;
         padding: 8px 29px;
    }
     .eachTeamRead2 {
         font-size: 13px;
         padding: 8px 29px;
    }
     .teamOuter {
         padding-bottom: 50px;
    }
     .newsletterInner2 p {
         font-size: 16px;
    }
     .callUsOuter2 {
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .eachFooterLogo2 {
         text-align: center;
    }
     .eachFooterLogo2 img {
         max-width: 60%;
         text-align: center;
    }
     .section.pageinner.servicesSection1 h2 {
         margin-top: 0;
    }
     .section.pageinner.servicesSection2 {
         padding: 50px 0;
    }
     .section.pageinner.servicesSection3 {
         padding: 50px 0;
    }
     .section.pageinner.servicesSection4 {
         padding: 50px 0;
    }
     .section.pageinner.servicesSection5 {
         padding: 50px 0;
    }
     .realityLink {
         font-size: 14px;
         margin-top: 0;
    }
     .serviceReadBtn {
         font-size: 14px;
         padding: 15px 24px;
         margin-top: 30px;
    }
     .serviceReadBtn2 {
         font-size: 14px;
         padding: 15px 24px;
         margin-top: 0px;
    }
     .newsletterInner2 {
         padding-top: 7%;
    }
     .containerFooter {
         margin-top: 100px;
    }
     .serviceFirstHalf {
         width: 40%;
    }
     .serviceSecondHalf {
         width: 30%;
    }
     .serviceFirstHalf2 {
         width: 40%;
         padding: 0 2%;
         box-sizing: border-box;
    }
     .serviceSecondHalf2 {
         width: 40%;
    }
     .ourWorkSection1 h2 {
         margin-top: 0;
    }
     .section.pageinner.ourWorkSection1 {
         padding-bottom: 0;
    }
     .section.pageinner.ourWorkSection2 {
         padding: 50px 0px 50px;
    }
     .projectFilterMenu li {
         font-size: 20px;
    }
     .containerProject {
         width: 90%;
    }
     .teamDetailsTitle {
         font-size: 20px;
    }
     .teamDetailsDesig span {
         font-size: 14px;
         padding-top: 0;
    }
     .teamDetails {
         padding-top: 30px;
    }
     .section.pageinner.contactpage {
         padding-top: 50px;
    }
     .contactpageForm {
         padding: 30px 30px;
         position: relative;
         width: 45%;
         margin-top: 0px;
         margin-left: 0;
         min-height: 0px;
         margin-bottom: 50px;
    }
     .contactpageSocialBoxOuter {
         padding: 30px;
         width: 45%;
         margin-top: 0;
         margin-right: 0;
         margin-bottom: 50px;
         min-height: 0;
    }
     .contactpageForm .textField3 {
		font-size: 13px;
		padding: 0px 20px;
	}
     .contactpageForm .textField3second{
         font-size: 13px;
		padding: 0px 20px;
    }
     .contactpageForm .textarea-field3 {
         font-size: 13px;
         height: 100px;
    }
     .footerContact3 .fa-envelope-o {
         font-size: 25px;
    }
     .footerContact3 a {
         font-size: 16px;
    }
     .footerContact3 .fa-phone {
         font-size: 25px;
    }
     .footerSocialTitle2 {
         font-size: 20px;
         margin-top: 40px;
         line-height: 35px;
         padding: 0 55px;
         margin-bottom: 40px;
    }
     .socialOuter3 {
         float: none;
         width: auto;
         margin: 0 auto;
         display: table;
    }
     .socialOuter3 a {
         height: 60px;
         width: 60px;
    }
     .facebook2 .fa.fa-facebook-f {
         line-height: 60px;
         font-size: 30px;
    }
     .youtube2 .fa.fa-play {
         line-height: 60px;
         font-size: 30px;
    }
     .twitter2 .fa.fa-twitter {
         line-height: 60px;
         font-size: 30px;
    }
     .linkedin2 .fa.fa-linkedin {
         line-height: 60px;
         font-size: 30px;
    }
     .instagram2 .fa.fa-instagram {
         line-height: 60px;
         font-size: 30px;
    }
    .layer2 {
         margin-top: 55px;
     }





}
@media (max-width:1400px) {
	.container {
		width: 100%;
	}
     .playbutton {
         height: 50px;
         width: 30px;
    }
    .logocontent p {
		font-size: 15px;
		margin-top: 30px;
		margin-bottom: 0;
	}
     .logoouter img {
         max-width: 300px;
    }
	.logocontent a {
		font-size: 13px;
	}
	#fp-nav.right {
		right: 20px !important;
	}
	.introContentIn.aboutSection {
		padding-left: 0;
		padding-right: 5%;
		box-sizing: border-box;
	}
     .toggle_menu a {
         font-size: 14px;
         padding: 5px 16px;
    }
     .toggle_menu li::after {
         bottom: -8px;
         height: 2px;
    }
     .introContentIn p, .callUsContainer p {
         font-size: 15px;
         margin-bottom: 10px;
    }
	.introContentIn h2 {
		font-size: 40px;
		line-height: 40px;
	}
    .servicesDetails p {
		font-size: 15px;
		line-height: 30px;
	}
     .servicesDetails {
         padding-bottom: 30px;
    }
     .slidingLogo img {
         max-width: 80%;
    }
    .servicesContainer h2 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 0px;
	}
    .eachService h3 {
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 12px;
	}
     .newsletterInner p {
         font-size: 15px;
    }
	.newsletterOuter2 {
		margin-top: 4%;
	}
     .eachService h3 span {
         margin-top: 10px;
         padding-top: 22px;
    }
	.blogHeader h2 {
		font-size: 22px;
	}
     .blogHeader p {
         font-size: 15px;
    }
     .eachBlog > h3 {
         font-size: 13px;
         margin-bottom: 12px;
         margin-top: 12px;
         padding-bottom: 12px;
    }
     .eachBlog > p {
         font-size: 12px;
         line-height: 20px;
    }
     .textField {
         font-size: 13px;
         margin-bottom: 15px;
    }
	.callUsOuter {
		padding: 50px 0;
	}
     .social a {
         font-size: 14px;
         height: 30px;
         margin-left: 8px;
         margin-right: 8px;
         width: 30px;
    }
     .social a i {
         line-height: 30px;
    }
     .social a::after, .social a::before {
         height: 7px;
         top: 40%;
         width: 7px;
    }
     .social {
         margin-top: 5px;
    }
     .address {
         font-size: 13px;
    }
     .address p {
         font-size: 13px;
    }
	.eachFooterLogo img {
		max-width: 50%;
	}
     .socialIn::after,.socialIn::before {
         width: 10px;
    }
	.facebook .fa.fa-facebook-f {
		line-height: 38px;
	}
	.youtube .fa.fa-play {
		line-height: 38px;
	}
	.twitter .fa.fa-twitter {
		line-height: 38px;
	}
	.linkedin .fa.fa-linkedin {
		line-height: 35px;
	}
	.instagram .fa.fa-instagram {
		line-height: 38px;
	}
     .innerPageBody nav {
         padding: 40px 0;
    }
     .innerPageBody .menu_outer {
         padding-top: 30px;
    }
     .eachTeam h3 {
         font-size: 22px;
         line-height: 22px;
    }
     .eachTeam p {
         font-size: 12px;
         line-height: 15px;
         margin-bottom: 8px;
         margin-top: 3px;
    }
     .ourTeamSocial li a {
         font-size: 13px;
         height: 27px;
         width: 27px;
    }
     .ourTeamSocial li a i {
         line-height: 24px;
    }
     .pageinner p {
         font-size: 15px;
    }
	.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
		font-size: 15px;
	}
     .pageinner h1, .pageinner h2 {
         font-size: 30px;
         line-height: 30px;
         margin-bottom: 30px;
         padding-bottom: 25px;
    }
	.aboutIntroRight {
		padding-left: 10%;
		width: 35%;
		padding-top: 8%;
	}
	.aboutIntro2LeftInner {
		text-align: center;
	}
	.aboutIntro2LeftInner img {
		max-width: 80%;
		text-align: center;
	}
	.eachTeamPic {
		height: 120px;
		width: 120px;
	}
	.eachTeamName {
		font-size: 18px;
	}
	.eachTeamDesig {
		font-size: 12px;
	}
	.eachTeamRead1 {
		font-size: 12px;
		padding: 6px 25px;
	}
	.eachTeam {
		max-width: 260px;
	}
	.newsletterInner2 p {
		font-size: 15px;
	}
	.newsletterOuter2 {
		margin-top: 4%;
	}
	.eachFooterLogo2 img {
		max-width: 50%;
		text-align: center;
	}
     .minutes-talks-inner h2 {
         font-size: 26px;
         margin-bottom: 0;
         padding-bottom: 15px;
    }
     .aboutIntroLeft {
         padding-top: 0;
    }
     .eachAgencySection p {
         font-size: 13px;
         line-height: 20px;
    }
     .agency-read-more {
         font-size: 14px;
         height: 40px;
         line-height: 40px;
    }
     .servcie-tab-content {
         width: 75%;
    }
     .ui-tabs .ui-tabs-nav {
         width: 25%;
    }
     .services-content .container::after {
         width: 75%;
    }
     .services-content .container::before {
         width: 25%;
    }
     .faq-content-2inner > h2 {
         font-size: 20px;
         line-height: 20px;
         margin-bottom: 0;
         padding-bottom: 14px;
    }
     .faq-content-2inner {
         margin-top: 125px;
    }
     .faqAccordion h3 {
         font-size: 17px;
    }
     .faq-left {
         height: 550px;
    }
     .each-faq-content p {
         line-height: 24px;
    }
     .each-faq-content h4 {
         font-size: 15px;
    }
     .seotivLogosIn > img {
         max-width: 80%;
    }
     .nameField2 {
         height: 35px;
    }
     .sendBtn2 {
         height: 35px;
         font-size: 16px;
    }
	.realityLink {
		font-size: 13px;
	}
	.serviceReadBtn {
		font-size: 13px;
	}
	.projectFilterMenu li {
		font-size: 18px;
	}
	.eachServiceTitle {
		height: 90px;
	}	
	.serviceSliderNav {
        bottom: 40px;
    }
   .container-logos h2 {
         font-size: 40px;
         line-height: 40px;
     }

    /* 20-01-2020*/
    .introContentIn.aboutSection {
	    display: table-cell;
	    vertical-align: middle;
	}









}
@media (max-width:1366px) {
    .callUsOuter {
		padding: 50px 0;
		margin-top: 0;
	}
	.eachWork {
		/*width: 29%;*/
	}
	#gallery_cat, #gallery_sub_cat {
	    font-size: 13px;
	    padding: 5px 20px;
	    max-width: 280px;
	    min-height: 34px;
	}
	.cat_title {
	    font-size: 14px;
	}
     .blogOuter {
         padding-top: 3%;
     }
}




@media (max-width:1360px) {
     .logo-scroller li {
         width: 27%;
         height: auto;
         float: none;
         margin: 20px;
         display: inline-block;   
         text-align: center;
     }
     .socialSection {
         box-sizing: border-box;
         padding-left: 90px;
     }
}


@media (max-width:1260px) {
     .pageinner h1, .pageinner h2 {
         font-size: 32px;
         line-height: 32px;
    }
     .aboutIntroRight {
         padding-top: 0;
    }
     .eachTeam p {
         font-size: 12px;
         line-height: 15px;
         margin-bottom: 8px;
         margin-top: 3px;
    }
     .eachTeamhide {
         padding: 15px;
    }
     .phoneBox, .emailBox {
         background: #9bc432 none repeat scroll 0 0;
         width: 40%;
    }
     .phoneBox {
         border-radius: 10px 10px 0 0;
         bottom: 140px;
         right: 0;
    }
     .acllToBox-popup{
         display: none !important;
    }
     .faq-content-2inner > h2 {
         font-size: 19px;
         line-height: 20px;
    }
     .faq-content-2inner {
         padding: 40px 20px 40px 65px;
    }
     .faq-content-2inner {
         background-position: 22px 33px;
    }
     .blogLisingPageeachContent {
         margin-left: 0;
         width: 100%;
    }
     .blogLisingPageDate {
         width: 100%;
    }
     .eachblogLisingPage {
         padding: 10px 25px 30px;
    }
     .facebook .fa.fa-facebook-f, .youtube .fa.fa-play, .twitter .fa.fa-twitter, .linkedin .fa.fa-linkedin, .instagram .fa.fa-instagram {
         font-size: 20px;
    }
     .socialOuter2 {
         margin-top: 20px;
    }
     .footerContact .fa-envelope-o, .footerContact .fa-phone {
         font-size: 25px;
    }
	.serviceSliderOuter {
		max-width: 1000px;
	}
}
@media (max-width:1250px) {
    .serviceSliderOuter {
         max-width: 80%;
    }
    .servicesContainer h2 {
         margin-bottom: 0px;
    }
    .seotivLogosIn > img {
         max-width: 90%;
    }
    .bulbOuter {
         width: 18%;
    }
    .contactOuter {
         padding: 25px 0;
    }
    .address {
         padding: 20px 0;
    }
    .social {
         float: none;
         margin-top: 35px;
    }
    .minutes-talks-inner h2 {
         font-size: 24px;
    }
    .toggle_menu a {
         font-size: 13px;
         padding: 5px 13px;
    }
    .c-hamburger {
         margin-top: 2px;
    }
	.bulbOuter img {
		right: -60px;
	}
}


@media (max-width:1225px) {

     .socialOuter2 a {
         height: 30px;
         width: 30px;
     }
     .socialOuter2 a .fa{
          line-height: 28px;
     }
     .facebook .fa.fa-facebook-f,.twitter .fa.fa-twitter,.instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play{
          line-height: 28px;
     }
     .facebook .fa.fa-facebook-f, .youtube .fa.fa-play, .twitter .fa.fa-twitter, .linkedin .fa.fa-linkedin, .instagram .fa.fa-instagram {
         font-size: 15px;
     }
     .phoneSection {
         padding-left: 3px;
     }
     .footerSocialTitle {
         font-size: 15px;
     }
     .socialSection {
         box-sizing: border-box;
         padding-left: 40px;
     }
          
}










@media (max-width:1100px) {
    .eachBlog {
         width: 50%;
    }
    .blogOuter .eachBlog:last-child {
         display: none;
    }
    .bulbOuter img {
         bottom: 0;
    }
    .servicesPopupIn h3 {
         font-size: 30px;
         margin-bottom: 30px;
         padding-bottom: 12px;
    }
    .servicesPopupIn img {
         margin-right: 2%;
         width: 25%;
    }
    .servicesPopupInContent {
         width: 73%;
    }
    .servicesPopupIn p {
         font-size: 12px;
         line-height: 26px;
    }
    .section.pageinner {
         padding: 50px 0;
    }
    .pageinner p {
         line-height: 26px;
    }
	.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
		 line-height: 26px;
	}
    .aboutIntro2Right {
         padding-top: 50px;
    }
    .eachAgencySection p {
         line-height: 22px;
    }
    .ourTeamRightContent {
         padding-top: 0;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
         font-size: 13px;
         padding: 10px 50px 10px 25px;
    }
    .each-servcie-tab-content-thumb {
         margin-bottom: 20px;
         padding-left: 0;
         text-align: center;
         width: 100%;
    }
    .each-servcie-tab-content-thumb img {
         max-width: 250px;
    }
    .each-servcie-tab-content-left {
         width: 100%;
    }
    .minutes-talks-inner h2 {
         font-size: 22px;
    }
    .blogLisingPageeachContent {
         text-align: center;
    }
    .blogLisingPageeachContent p {
         text-align: justify;
    }
    .blogLisingPageeachContent img {
         margin-right: 0;
         width: 100%;
    }
    .nameField2, .sendBtn2 {
         margin-bottom: 2%;
    }
	.socialSection {
		box-sizing: border-box;
		padding-left: 50px;
	}
	.phoneSection {
		padding-left: 50px;
	}
	.blogHeader {
		width: 30%;
	}
	.blogOuter {
		width: 65%;
	}
	.newsletterInner {
		padding-top: 15%;
	}
	.contactpageForm .textField3 {
		min-height: 40px;
	}
	 .socialOuter3 a {
         height: 50px;
         width: 50px;
    }
     .facebook2 .fa.fa-facebook-f {
         line-height: 50px;
         font-size: 25px;
    }
     .youtube2 .fa.fa-play {
         line-height: 50px;
         font-size: 25px;
    }
     .twitter2 .fa.fa-twitter {
         line-height: 50px;
         font-size: 25px;
    }
     .linkedin2 .fa.fa-linkedin {
         line-height: 50px;
         font-size: 25px;
    }
     .instagram2 .fa.fa-instagram {
         line-height: 50px;
         font-size: 25px;
    }
	.footerSocialTitle2 {
		font-size: 18px;
		margin-top: 40px;
		line-height: 30px;
		padding: 0 55px;
		margin-bottom: 25px;
	}
	.eachService p {
		min-height: 270px;
	}
	.servicesDetails {
		padding-bottom: 10px;
	}
	.servicesDetails p {
		font-size: 14px;
		line-height: 24px;
	}
	.servicesContainer h2 {
		padding-bottom: 10px;
	}
}
@media (max-width:1024px) {
	.fp-tableCell {
		display: table-cell;
		height: 100%;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}
	.logoouter {
		padding-top: 0;
	}
	.blogOuter {
		padding-top: 0;
	}
	.blogHeader h2 {
		padding-top: 0;
	}
	.blogHeader {
		width: 30%;
	}
	.blogOuter {
		width: 65%;
	}
	.newsletterInner {
		padding-top: 0;
	}
	.eachWork {
		/*width: 28%;*/
	}
     .socialOuter a {
         height: 30px;
         width: 30px;
     }

	
}



@media (max-width:1000px) {
     .forDesktop{
          display: none;
     }
     .forMobile{
          display: block;
     }
     .forMobile .item {
          float: left;
          width: 33.3%;
          margin: 0 auto;
          text-align: center;
     }
     /*20-01-2020*/
	.item div {
	    padding: 20px;
	}
	.item div img{
		height: 120px;
		width: auto;
		min-width: auto;
	}







}


@media (max-width:980px) {
    .logoouter img {
         max-width: 250px;
    }
	.innerBtn {
		top: 25px;
	}
    .logocontent p {
         font-size: 14px;
         line-height: 22px;
         margin-top: 30px;
    }
    .playbutton {
         background-size: 100% auto;
         height: 45px;
         width: 25px;
    }
    .introContentIn h2, .blogHeader h2, .callUsContainer h2, .contactLeft h2 {
         font-size: 35px;
         line-height: 37px;
         margin-bottom: 15px;
    }
    .introContentIn p, .callUsContainer p {
         font-size: 14px;
         margin-bottom: 8px;
    }
    .servicesContainer h2 {
         font-size: 35px;
         line-height: 37px;
    }
    .eachService {
         padding: 40px 9%;
    }
    .serviceSliderNav {
         right: -15%;
    }
    .blogHeader p {
         font-size: 13px;
         line-height: 20px;
    }
    .address, .address p {
         font-size: 12px;
    }
    .innerPageBody nav {
         padding: 20px 0;
    }
    .innerLogo img {
         max-width: 70px;
    }
    .innerPageBody .menu_outer {
         padding-top: 25px;
    }
    .pageinner h1, .pageinner h2 {
         font-size: 28px;
         line-height: 32px;
    }
    .minutes-talks-inner h2 {
         font-size: 20px;
         line-height: 22px;
    }
    .aboutIntroLeft {
         padding-top: 0;
         width: 100%;
    }
    .aboutIntroRight {
         padding: 0;
         width: 100%;
    }
	.aboutIntro2Left{
		padding: 0;
        width: 100%;
	}
	.aboutIntro2Right{
		padding-top: 0;
        width: 100%;
	}
	.aboutIntro2LeftInner {
		width: 100%;
		text-align: center;
		display: block;
		padding: 0;
	}
	.teamDetailsBoxInner {
		padding: 31px 0px;
	}
    .pageinner p {
         margin-bottom: 10px;
    }
    .aboutIntro2Right {
         padding-top: 20px;
    }
    .section.pageinner.aboutIntro2 {
         padding: 50px 0;
    }
    .section.pageinner.aboutOurTeam {
         padding: 50px 0;
    }
    .eachTeam p {
         font-size: 11px;
         line-height: 14px;
         margin-bottom: 7px;
         margin-top: 0;
    }
    .eachTeam h3 {
         font-size: 16px;
         line-height: 16px;
    }
    .ourTeamSocial li a {
         font-size: 11px;
         height: 25px;
         width: 25px;
    }
    .eachTeamhide {
         padding: 10px;
    }
    .ourTeamSocial li a i {
         line-height: 20px;
    }
    .eachAgencySection:nth-child(2n) {
         margin-right: 0;
    }
    .eachAgencySection {
         margin-bottom: 40px;
         margin-right: 6%;
         width: 47%;
    }
    .section.pageinner.aboutIntro3 {
         padding-bottom: 40px;
    }
    .section.pageinner.aboutIntro4 {
         padding-bottom: 20px;
    }
    .each-servcie-tab-content h3 {
         font-size: 22px;
         line-height: 28px;
         margin-bottom: 15px;
         padding-bottom: 8px;
    }
    .servcie-tab-content {
         width: 70%;
    }
    .ui-tabs .ui-tabs-nav {
         width: 30%;
    }
    .services-content .container::after {
         width: 70%;
    }
    .services-content .container::before {
         width: 30%;
    }
    .toggle_menu a {
         font-size: 12px;
         padding: 5px 10px;
    }
    .contactpageMap {
         left: 0;
         margin: 0 auto;
         position: absolute;
         right: 0;
         top: 0;
         width: 55%;
    }
    .contactpageLeft {
         margin-bottom: 40px;
         padding-top: 15px;
         text-align: center;
         width: 100%;
    }
    .section.contactpageBottom {
         margin-top: 0;
    }
    .phoneBox, .emailBox {
         background: rgba(0, 0, 0, 0) url("images/phone-email-box.png") repeat scroll 0 0 / 100% 100%;
         border-radius: 0;
         float: left;
         position: static;
         width: 50%;
    }
    .phoneBox i, .emailBox i {
         font-size: 45px;
    }
    .contactpageLeft h1::after {
         margin: 0 auto;
         right: 0;
    }
    .section.pageinner.contactpage::after {
         background-image: url("images/bottom-shadow.png");
         bottom: 0;
         content: "";
         height: 22px;
         left: 0;
         position: absolute;
         width: 100%;
         z-index: 999;
    }
    .phoneBox::after, .emailBox::after {
         display: none;
    }
    .faq-left {
         height: 500px;
         width: 100%;
    }
    .faq-content-2inner {
         margin-top: 40px;
         max-width: 100%;
         width: 100%;
         background-position: 22px 38px;
    }
     .faq-right {
         float: right;
         width: 100%;
    }
    .faq-content-2inner > h2 {
         font-size: 19px;
         line-height: 20px;
    }
    .each-faq-content p {
         font-size: 13px;
         line-height: 22px;
         margin-bottom: 0;
    }
    .each-faq-content {
         padding: 10px 40px 10px 42px;
    }
	.logocontentInner {
		max-width: 800px;
	}
	.introContentIn {
		padding-top: 42%;
	}
	.storyIcon1 {
		margin-right: 5%;
	}
	.storyIcon2 {
		margin-right: 5%;
	}
	.seotivLogosIn {
		padding-top: 50%;
	}
	.socialSection {
	}
	.serviceFirstHalf {
		width: 100%;
		float:left;
		margin-bottom:5%;
		clear: both;
	}
	.serviceSecondHalf {
		width: 100%;
		float:left;
		margin-bottom:5%;
		text-align:center;
		clear: both;
	}
	.serviceSecondHalf2{
		width: 100%;
		float:left;
		margin-bottom:5%;
		text-align:center;
		clear: both;
	}
	.serviceFirstHalf2{
		width: 100%;
		float:left;
		margin-bottom:5%;
		clear: both;
	}
     .container-logos h2 {
         font-size: 35px;
         line-height: 37px;
     }
     .socialSection {
         box-sizing: border-box;
         padding-left: 0;
     }
     .phoneSection {
         padding-left: 0;
     }





}
@media (max-width:860px) {
     .move-to-top.move-to-top-footer {
         bottom: 158px;
         left: auto;
         right: 5%;
    }
     .move-to-top.move-to-top-inner {
         left: auto;
         right: 11%;
    }
     .contactpopupButton {
         float: right;
        ;
         position: static;
    }
     .latestNews {
         display: none;
    }
     #services-tabs {
         display: none;
    }
     .services-content .container::before {
         display: none;
    }
     .services-content .container::after {
         display: none;
    }
     #accordion {
         float: left;
         position: relative;
         width: 100%;
         z-index: 2;
         display: block;
    }
     #accordion .accordion-title {
         background-color: rgba(0, 0, 0, 0.4);
         cursor: pointer;
         font-size: 14px;
         font-weight: 300;
         margin-bottom: 1px;
         padding: 15px 20px;
    }
     .each-servcie-tab-content {
         background-color: rgba(31, 31, 31, 0.9);
         margin-bottom: 1px;
         padding: 20px;
    }
     .blogHeader {
         width: 30%;
    }
     .blogOuter {
         width: 65%;
    }
     .viewAllBlog {
         bottom: 40px;
    }
	.logoouter {
		padding-top: 0px;
	}
	.logocontentInner {
		max-width: 600px;
	}
	.logoouter img {
		max-width: 200px;
	}
	.storyIcons {
		margin-top: 330px;
	}
	.storyIcon1 {
		width: 130px;
		margin-right: 3%;
	}
	.storyIcon2 {
		width: 110px;
		margin-right: 3%;
	}
	.storyIcon3 {
		width: 100px;
	}
	.eachServiceTitle {
		height: 65px;
	}	
	.servicesDetails {
		padding-bottom: 20px;
	}
	.serviceSliderOuter {
		max-width: 90%;
	}
	.footerContact {
		text-align: center;
	}
	.newsletterInner {
		margin-bottom: 15%;
	}
	.aboutIntroRight img {
		max-width: 50%;
	}
	.aboutIntro2LeftInner img {
		max-width: 50%;
		text-align: center;
	}
	.pageinner h1, .pageinner h2 {
		font-size: 25px;
		line-height: 32px;
	}
	.eachWork {
		/*width: 44%;
		margin: 3%;*/
	}
	.contactpageForm {
		width: 100%;
	}
	.contactpageSocialBoxOuter {
		margin: 0 auto 50px;
		float: none;
		display: table;
		width: 60%;
	}
     .socialOuter2 a {
         height: 30px;
         width: 30px;
     }
     .socialOuter2 a .fa{
          line-height: 28px;
     }
     .facebook .fa.fa-facebook-f,.twitter .fa.fa-twitter,.instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play{
          line-height: 38px;
     }
     .facebook .fa.fa-facebook-f, .youtube .fa.fa-play, .twitter .fa.fa-twitter, .linkedin .fa.fa-linkedin, .instagram .fa.fa-instagram {
         font-size: 15px;
     }
     .phoneSection {
         padding-left: 3px;
     }
     .footerSocialTitle {
         font-size: 15px;
     }
     		
}


@media (max-width:768px) {
	.storyIcon1 {
		width: 130px;
		margin-right: 3%;
		float: none;
		display: inline-block;
		height: 130px;
	}
	.storyIcon2 {
		width: 110px;
		margin-right: 3%;
		float: none;
		display: inline-block;
		height: 110px;
	}
	.storyIcon3 {
		width: 100px;
		float: none;
		display: inline-block;
		height: 100px;
	}
	.footerSocialTitle2 {
		padding: 0px;
	}
	.phoneSection {
		padding-left: 0;
	}
	.socialOuter2 a {
		margin-right: 5px;
	}
	.footerContact2 {
		margin-top: 10px;
     }
     .facebook .fa.fa-facebook-f, .twitter .fa.fa-twitter, .instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play {
         line-height: 28px;
     }
     .socialOuter a {
         height: 30px;
         width: 30px;
     }
         
    
}


@media (max-width:768px) {
     .logo-scroller li {
         width: 43%;
         height: auto;
         float: none;
         margin: 20px;
         display: inline-block;
         text-align: center;
         box-sizing: border-box;
     }
     .eachWork, .eachWork:hover{
        height:auto;  
     }
     .eachWork img {
         max-height: 155px;
     }
     /*20-01-2020*/
	.item div {
	    padding: 20px;
	}
	.item div img{
		height: 120px;
		width: auto;
		min-width: auto;
	}




}

@media (max-width:760px){
     .eachFooterPart{
          width: 30%;
     }
     .eachFooterPart.socialSection {
         width: 32%;
     }
     .phoneSection {
         width: 35%;
     }
}


@media (max-width: 736px) and (max-height: 414px) {
     .eachBlog > p {
         display: none;
    }
     .blogHeader p {
         display: none;
    }
     .blogOuter::after {
         display: none;
    }
     .blogHeader {
         padding-right: 0;
         width: 18%;
    }
     .eachBlog > h3 {
         font-size: 12px;
         margin-bottom: 0;
         border-bottom: none;
         min-height: 40px;
    }
     .eachBlog {
         padding: 10px;
    }
     .viewAllBlog {
         bottom: 32px;
    }
     .social {
         display: none;
    }
     .swlogo {
         max-width: 19px;
    }
     .contactLeft li {
         font-size: 12px;
    }
     .callUsContainer {
         margin-bottom: 10px;
    }
     .introContentIn p, .callUsContainer p {
         font-size: 12px;
         line-height: 18px;
    }
     .contactpopupButton {
         margin: 15px auto 0;
    }
     .address {
         padding: 10px 0;
         font-size: 11px;
    }
     .address p{
         font-size: 11px;
    }
     #contact-popup {
         padding: 15px;
         bottom: 35px;
         width: 260px;
    }
     .textField {
         font-size: 11px;
         margin-bottom: 8px;
         padding: 5px 10px;
    }
     .bulbOuter {
         width: 12%;
    }
}
@media (max-width:736px) {
     .toggle_menu .outline a {
         border: medium none;
         border-radius: 0;
    }
     .toggle_menu {
         background-color: rgba(0, 0, 0, 0.7);
         height: 100%;
         left: 0;
         margin-left: 0;
         margin-right: 0;
         max-width: 75%;
         padding: 13px 0;
         position: fixed;
         right: auto;
         top: 0;
         width: 250px;
    }
     .innerPageBody .toggle_menu {
         top: 65px;
    }
     .toggle_menu li::after {
         display: none;
    }
     .toggle_menu > li {
         display: block;
         margin-right: 0;
    }
     .toggle_menu a {
         display: block;
         font-size: 13px;
         padding: 12px 20px;
         transition: all 0.5s ease;
    }
     .toggle_menu a:hover {
         background-color: #fecb00;
    }
     .toggle_menu .outline a:hover {
         color: #fff;
    }
     .blackish .toggle_menu a {
         color: #fff;
    }
     .innerPageBody .toggle_menu {
         top: 0;
    }
     .minutes-talks-inner::after {
         height: 50px;
         left: -22px;
         top: -17px;
         width: 50px;
    }
     .contactpageForm {
         width: 100%;
    }
     .phoneBox, .emailBox {
         background: #9bc432 none repeat scroll 0 0;
         width: 100%;
    }
     .phoneBox {
         border-radius: 10px 10px 0 0;
    }
     .eachblogLisingPage {
         height: auto !important;
         margin-right: 0;
         width: 100%;
    }
     .blogLisingPageeachContent > h3{
         height: auto !important;
    }
     .blogSingleContent .alignleft {
         float: none;
         max-width: 100%;
         padding-bottom: 15px;
         padding-right: 0;
    }
     .blogSingleContent .alignright {
         float: none;
         max-width: 100%;
         padding-bottom: 15px;
         padding-left: 0;
    }
     .eachCommentTitle div {
         margin-bottom: 10px;
    }
     .eachCommentTitle {
         margin-bottom: 5px;
    }
     .commentFormBox h3 {
         font-size: 24px;
         line-height: 25px;
         margin-bottom: 25px;
         padding-bottom: 20px;
    }
     .pageinner.blogSinglePage h1 {
         border-top: 2px solid #29331a;
         float: left;
         margin-bottom: 0;
         padding-bottom: 0;
         padding-top: 20px;
         width: 100%;
    }
     .blogSingleTitle {
         border-bottom: medium none;
         margin-bottom: 22px;
         width: 100%;
    }
     .eachFooterPart {
         width: 50%;
    }
     .footerContact .fa-phone {
         padding-left: 0;
    }
     .callUsOuter {
         padding: 10px 0;
         margin-top: 0;
    }
	.seotivLogosIn {
		padding-top: 90%;
	}
	.newsletterInner {
		margin-bottom: 40%;
	}
	.eachLogo {
		width: 35%;
		margin: 33px 25px;
	}
	.contactpageSocialBoxOuter {
		width: 70%;
     }
     .seotivLogosIn{
          display: block;
     }
     .eachFooterPart.socialSection, .eachFooterPart{
          width: 100%;
          text-align:center;
     }
     .socialOuter2{
          float: none;
          margin: 10px auto;
          display: inline-block;
          width: auto;
     }
     .socialOuter2 a {    
         text-align: center;
     }
 	/*20-01-2020*/
	.item div {
	    padding: 20px;
	}
	.item div img{
		height: 70px;
		width: auto;
		min-width: auto;
	}
	.item div {
	    padding: 5px;
	}
	.container-logos h2{
		margin: 20px 0;
	    font-size: 25px;
	    line-height: 25px;
	}




}
@media (max-width:667px) {
     .eachService {
         padding: 20px 6%;
    }
     .move-to-top {
         bottom: 5px;
         font-size: 18px;
         height: 22px;
         width: 25px;
    }
     .move-to-top i {
         line-height: 20px;
    }
     .bulbOuter {
         width: 11%;
    }
     .eachService h3 span {
         margin-top: 6px;
         padding-top: 15px;
    }
     .introContentIn h2, .blogHeader h2, .callUsContainer h2, .contactLeft h2 {
         font-size: 30px;
         line-height: 32px;
         margin-bottom: 15px;
    }
    .servicesContainer h2 {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.servicesDetails p {
		font-size: 14px;
		line-height: 26px;
	}
	.eachService p {
		font-size: 13px;
	}
     .servicesPopupIn h3 {
         font-size: 22px;
         margin-bottom: 18px;
         padding-bottom: 6px;
    }
     .servicesPopupIn p {
         font-size: 11px;
         line-height: 18px;
    }
     .servicesPopupInContent {
         padding-top: 0;
    }
     .eachBlog > p {
         max-height: 100px;
         ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
    }
     .viewAllBlog {
         height: 3px;
    }
     .viewAllBlog > a {
         height: 60px;
         top: -31px;
         width: 60px;
    }
     #contact-popup {
         left: 0;
         margin: 0 auto;
         right: 0;
    }
     .viewMoreButton, .sendButton {
         font-size: 11px;
         margin-top: 0;
         padding: 8px 12px;
    }
     #contact-popup h2 {
         font-size: 13px;
         margin-bottom: 15px;
         margin-top: 8px;
         padding-bottom: 12px;
    }
     .textField {
         font-size: 12px;
         margin-bottom: 10px;
         padding: 7px 10px;
    }
     .contactpopupButtonLabel {
         font-size: 12px;
         padding: 6px 18px;
    }
     .ourTeamPersonImage {
         max-width: 30%;
    }
     .minutes-talks-inner-right {
         margin-top: 20px;
         padding-left: 0;
         width: 100%;
    }
     .minutes-talks-inner-left {
         width: 100%;
    }
     .faq-left {
         padding-right: 10px;
    }
     .mCSB_inside > .mCSB_container {
         margin-right: 25px !important;
    }
     .callUsOuter {
         padding: 20px 0;
         margin-top: 0;
    }
     .newsletterInner p {
         line-height: 30px;
         margin-top: 15%;
    }
	.eachTeam {
		max-width: 90%;
	}
	.clientLogoOuter {
		padding: 34px;
	}
	.contactpageSocialBoxOuter {
		width: 100%;
	}
	.footerSocialTitle2 {
		padding: 0;
	}
	/*20-1-2020*/
	.item div img {
	    height:100px;
	    width: auto;
	    min-width: auto;
	}




}
@media (max-width: 667px) and (max-height: 375px) {
     .eachBlog > p {
         display: none;
    }
     .blogHeader p {
         display: none;
    }
     .blogOuter::after {
         display: none;
    }
     .blogHeader {
         padding-right: 0;
         width: 18%;
    }
     .eachBlog > h3 {
         font-size: 12px;
         margin-bottom: 0;
         border-bottom: none;
         min-height: 40px;
    }
     .eachBlog {
         padding: 10px;
    }
     .viewAllBlog {
         bottom: 32px;
    }
     .social {
         display: none;
    }
     .swlogo {
         max-width: 19px;
    }
     .contactLeft li {
         font-size: 12px;
    }
     .callUsContainer {
         margin-bottom: 10px;
    }
     .introContentIn p, .callUsContainer p {
         font-size: 12px;
         line-height: 18px;
    }
     .contactpopupButton {
         margin: 15px auto 0;
    }
     .address {
         padding: 10px 0;
         font-size: 11px;
    }
     .address p{
         font-size: 11px;
    }
     #contact-popup {
         padding: 15px;
         bottom: 35px;
         width: 260px;
    }
     .textField {
         font-size: 11px;
         margin-bottom: 8px;
         padding: 5px 10px;
    }
}
@media (max-width:645px) {
	.newsletterInner p {
		margin-top: 0;
	}
}
@media (max-width:640px) {
	.introContentIn {
		padding-top: 20%;
	}
	.seotivLogosIn {
		padding-top: 45%;
	}
	.blogHeader {
		padding-right: 0;
		width: 40%;
	}
	.blogOuter {
		width: 50%;
	}
	.viewAllBlog > a {
		right: 1% !important;
	}
	.layer2 {
		position: relative;
		z-index: 5;
		bottom: 0;
	}
	.newsletterInner p {
		
		margin-top: 0;
		font-size: 12px;
	}
	.newsletterInner {
		margin-bottom: 0px;
	}
}
@media (max-width:568px) {
     .introContentIn {
         padding-right: 0;
    }
     .slidingLogo {
         height: 38%;
         width: 100%;
    }
    .slidingLogo img {
		margin: 0 auto;
		max-width: 100%;
		right: 0;
		padding: 0;
	}
	.storyIcons {
		margin-top: 280px;
	}
	.introContentIn {
		padding-top: 30%;
	}
     .introContent {
         height: 62%;
         text-align: center;
         width: 100%;
    }
     .serviceSliderNav {
         bottom: -35%;
         left: auto;
         right: 0;
    }
     .servicesContainer h2 {
         margin-bottom: 20px;
    }
     #serviceSlider .lslide {
         border: medium none;
    }
     .serviceSliderOuter {
         max-width: 100%;
		 margin-left: 0;
    }
	.servicesDetails {
		padding-left: 0;
	}
     .seotivLogos {
         height: 50%;
         text-align: center;
         width: 100%;
    }
     .page4 .introContent {
         height: 50%;
    }
     .seotivLogosIn > img {
         margin: 0 auto;
    }
     .blogHeader {
         margin-bottom: 20px;
         margin-right: 0;
         padding-right: 0;
         width: 100%;
    }
     .blogOuter {
         width: 100%;
    }
     .blogOuter::after{
         display:none;
    }
     #fp-nav.right {
         right: 4px !important;
    }
     .viewAllBlog {
         height: 3px;
    }
     .viewAllBlog > a {
         height: 60px;
         top: -31px;
         width: 60px;
    }
     .page7 .fp-tableCell {
         vertical-align: middle;
    }
     .bubbles {
         width: 60%;
    }
     .eachBlog {
         padding: 15px;
    }
     .eachBlog > h3 {
         font-size: 13px;
         margin-bottom: 7px;
         margin-top: 7px;
         padding-bottom: 7px;
    }
     .eachBlog > p {
         font-size: 11px;
         line-height: 17px;
    }
     .contactLeft {
         text-align: center;
         width: 100%;
    }
     .contactLeft li {
         display: inline-block;
         float: none;
    }
     .contactLeft .contactLeftDetails2 {
         width: 100%;
    }
     .contactLeftAddress {
         max-width: 100%;
    }
     .contactRight {
         padding-left: 0;
         width: 90%;
    }
     .address, .address p {
         font-size: 12px;
         padding-top: 0;
         text-align: center;
    }
     .swlogoOuter {
         float: left;
         text-align: center;
         width: 100%;
    }
     .swlogo {
         clear: both;
         float: none;
         margin: 10px;
    }
     .address {
         margin-top: 20px;
         padding-top: 20px;
    }
     .introContentIn h2, .blogHeader h2, .callUsContainer h2, .contactLeft h2 {
         font-size: 25px;
         line-height: 27px;
         margin-bottom: 10px;
    }
     .introContentIn p, .callUsContainer p {
         font-size: 14px;
         line-height: 26px;
         margin-bottom: 15px;
    }
	.logocontent p {
		font-size: 14px;
		line-height: 26px;
		padding: 24px 45px 32px;
	}
	.eachService p {
		font-size: 14px;
		min-height: 0;
	}
     .servicesContainer h2 {
         font-size: 25px;
         line-height: 27px;
		 padding-left: 0;
    }
	.introContentIn.ourworkSection {
		padding-top: 6%;
	}
     .seotivLogosIn {
         vertical-align: bottom;
		 padding-top: 25%;
    }
     .aboutIntroLeft {
         text-align: center;
         width: 100%;
    }
     .aboutIntroRight {
         padding-left: 0;
         padding-top: 40px;
         text-align: center;
         width: 100%;
    }
     .aboutIntro2Left {
         padding-right: 0;
         text-align: center;
         width: 100%;
    }
     .aboutIntro2Left > img {
         max-width: 200px;
    }
     .aboutIntro2Right {
         padding-top: 30px;
         text-align: center;
         width: 100%;
    }
     .eachTeam {
         margin-bottom: 20px;
         max-width: 100%;
         padding-right: 0;
		 padding-left: 0;
         width: 100%;
    }
     .ourTeamRightContent {
         max-width: 100%;
         text-align: center;
         width: 100%;
    }
     .ourTeamPersonImage {
         margin-bottom: -50px;
         max-width: 65%;
         padding-left: 35%;
         position: static;
    }
     .servicesPopupInContent {
         width: 100%;
    }
     .servicesPopupIn {
         text-align: center;
    }
     .servicesPopupIn img {
         float: none;
         margin: 0 auto;
         width: 25%;
    }
     .servicesPopupIn h3 {
         font-size: 22px;
         margin-bottom: 20px;
         margin-top: 10px;
         padding-bottom: 8px;
    }
     .fancybox-slide > * {
         padding: 24px 30px !important;
    }
    /* .myVideo {
         display: none;
    }
     .myVideo {
         display: none;
    }*/
     .social {
         display: none;
    }
     .contactpopupButton {
         float: left;
         text-align: center;
         width: 100%;
    }
     .contactpopupButtonLabel {
         display: inline-block;
         float: none;
    }
     .pageinner h1::after, .pageinner h2::after {
         left: 0;
         margin: 0 auto;
         right: 0;
    }
     .each-servcie-tab-content-left {
         text-align: center;
    }
     .each-servcie-tab-content h3::after {
         left: 0;
         margin: 0 auto;
         right: 0;
    }
     .each-servcie-tab-content-left .blogReadMore {
         display: inline-block;
         float: none;
    }
     .half-content {
         text-align: center;
    }
     .pageinner h1, .pageinner h2 {
         font-size: 24px;
         line-height: 28px;
         margin-bottom: 15px;
         padding-bottom: 10px;
    }
     .minutes-talks-inner .textField-2 {
         font-size: 11px;
         margin-bottom: 7px;
         padding: 8px;
    }
     .minutes-talks-inner .sendButton-2 {
         font-size: 13px;
         padding: 7px 30px;
    }
     .minutes-talks-inner h2 {
         font-size: 18px;
         line-height: 20px;
         padding-bottom: 7px;
    }
     .minutes-talks-inner p {
         font-size: 13px;
         line-height: 18px;
         margin-bottom: 15px;
    }
     .minutes-talks-inner::after {
         height: 40px;
         left: -18px;
         top: -14px;
         width: 40px;
    }
     .contactpageForm .textField3second, .contactpageForm .textField3 {
         font-size: 12px;
         margin-bottom: 10px;
         margin-left: 0;
         margin-right: 0;
         padding-bottom: 8px;
         padding-top: 8px;
         width: 100%;
    }
     .contactpageForm .textarea-field3{
         font-size: 12px;
    }
     .contactpageMap {
         width: 80%;
    }
     .contactpageFormTitle {
         background-size: 35px auto;
         font-size: 16px;
         height: 40px;
         line-height: 45px;
         margin-bottom: 18px;
         padding-left: 48px;
    }
     .faq-content-2inner > h2 {
         font-size: 19px;
         line-height: 20px;
    }
     .blogLisingPageContainer {
         margin-top: 15px;
         padding: 0 0 40px;
    }
     .blogSinglePageContainer {
         padding: 0 20px 50px;
    }
     .commentFormBox {
         padding: 50px 20px;
    }
     #commentform input[type="text"] {
         margin-right: 0;
         width: 100%;
    }
     .seotivLogosIn > img {
         max-width: 70%;
    }
     .main .section.page6 .layer {
         bottom: 0;
         left: 0;
         position: relative;
         transform: translate3d(0px, 0px, 0px);
         width: 100%;
         z-index: 4;
         background: #161616;
         float: left;
    }
     .newsletterContainer {
         width: 100%;
         position: relative;
         top: 0;
    }
    .eachFooterPart {
		width: 100%;
		margin-bottom: 0;
		text-align: center;
		padding-left: 0;
		padding-top: 0;
	}
     .eachFooterLogo img {
         max-width: 40%;
    }
	.layer2 {
		position: relative;
		z-index: 5;
		bottom: 0;
	}
	.newsletterInner {
		margin-bottom: 15%;
	}
	.socialOuter2 {
		margin-top: 20px;
		padding-top: 0px;
	}
	.socialOuter2 a {
		float: none;
		display: inline-block;
		margin: 0 auto;
		vertical-align: top;
	}
	.footerContact {
		margin-bottom: 0;
	}
	.viewAllBlog {
		display: none;
	}
	.storyIcon1 {
		width: 100px;
		height: 100px;
	}
	.storyIcon2 {
		width: 90px;
		height: 100px;
	}
	.storyIcon3 {
		width: 80px;
		height: 100px;
	}
	.eachTeam {
		margin-left: 0;
		margin-right: 0;
	}
	.teamDetailsBox2 {
		padding: 71px 30px;
	}
	.newsletterInnerMax {
		max-width: 90%;
	}
	.callUsOuter2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.closeIcon {
		right: 0;
	}
	.clientLogoOuter {
		padding: 20px;
	}
	.newsletterOuter2 {
		width: 100%;
	}
	.nameField2 {
		margin-right: 0;
	}
	.serviceFirstHalf h2, .serviceFirstHalf2 h2 {
		text-align: center;
	}
	.serviceFirstHalf p, .serviceSecondHalf p, .serviceFirstHalf2 p, .serviceSecondHalf2 p {
		max-width: 100%;
	}
	.serviceReadBtn {
		float: none;
		margin: 30px auto;
		display: block;
		text-align: center;
	}
	.serviceReadBtn2 {
		float: none;
		margin: 30px auto;
		display: block;
		text-align: center;
	}
	.ourWorkSection1 p {
		padding: 0px;
	}
	.eachLogo {
		width: 42%;
		margin: 2%;
	}
	.ourWorkSection2 p {
		padding: 0px;
	}
	.projectFilterMenu li {
		padding: 0px 23px 10px;
		margin-bottom: 20px;
	}
	.projectFilterMenu {
		padding-bottom: 0;
	}
	.footerContact3 {
		padding: 10px 0 0 60px;
	}
	.contactpageSocialBoxOuter {
		padding: 30px 0;
	}
	.container-logos h2 {
         font-size: 25px;
         line-height: 27px;
     }
     .item div img{
          max-width: 100%;
          min-width: inherit;
     }
     .item div {
          padding: 5px;
          box-sizing: border-box;
     }      
	.myVideo {
	    display: block;
	}







}
@media (max-width: 568px) and (max-height: 320px) {
     .logoouter img {
         max-width: 80px;
    }
     .logocontent p {
         font-size: 12px;
         line-height: 20px;
         margin-top: 10px;
    }
     .toggle_menu a {
         font-size: 12px;
         padding: 8px 20px;
    }
     .slidingLogo img {
         max-width: 200px;
         opacity: .4;
    }
     .slidingLogo {
         height: 100%;
    }
     .introContent {
         height: 100%;
         width: 100%;
         position: absolute;
         left: 0;
         top: 0;
    }
     .serviceSliderNav {
         bottom: -28%;
         right: 38px;
    }
     .servicesPopupIn img {
         display: none;
    }
     .fancybox-slide > * {
         padding: 10px 30px !important;
    }
     .seotivLogos {
         height: 100%;
    }
     .seotivLogosIn {
         vertical-align: middle;
    }
     .seotivLogosIn > img {
         opacity: .1;
         max-width: 50%;
    }
     .page4 .introContent {
         height: 100%;
    }
     .blogReadMore {
         position: absolute;
         bottom: 2px;
         right: 4px;
    }
     .eachBlog > h3 {
         padding-right: 45px;
         padding-bottom: 0;
         min-height: 5px;
         max-height: 50px;
         ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
    }
     .blogHeader {
         margin-bottom: 0;
    }
     .eachBlog {
         padding: 5px;
    }
     .blogHeader h2{
         font-size: 20px;
         line-height: 22px;
         margin-bottom: 5px;
    }
     .address {
         margin-top: 0;
         padding-top: 10px;
    }
     .contactOuter {
         padding: 10px 0;
    }
     .contactLeft li {
         font-size: 11px;
         padding-left: 14px;
         margin-right: 10px;
    }
     .contactLeft li i {
         top: 6px;
    }
     .contactpopupButton {
         display: none;
    }
}
@media (max-width:500px) {
	.slidingLogo img.birdTilt {
		max-width: 60%;
	}
	.slidingLogo {
		height: 30%;
	}
	.storyIcons {
		margin-top: 200px;
	}
	.introContentIn.ourworkSection {
		padding: 0 6%;
		box-sizing: border-box;
	}
	.seotivLogosIn {
		padding-top: 10%;
	}
	.seotivLogos {
		height: 35%;
	}
	.serviceSliderOuter {
		max-width: 95%;
		margin-left: 0;
	}
	.servicesContainer h2 {
		margin-bottom: 0;
	}
	.eachService a {
		margin-top: 25px;
	}
	.eachService p {
		font-size: 14px;
		line-height: 24px;
	}
	.servicesDetails p {
		font-size: 14px;
		line-height: 24px;
	}
	.newsletterOuter {
		margin-top: 5px;
	}
	.socialOuter {
		margin-top: 20px;
	}
	.blogHeader {
		margin-bottom: 10px;
	}
	.eachBlog img {
		height: 150px;
	}
	.blogOuter {
		max-width: 90%;
	}
	.footerContact .fa-phone, .footerContact2 .fa-phone {
		margin-left: 15px;
	}
	#gallery_cat, #gallery_sub_cat {
	    max-width: 100%;
	}
	.category_box {
	    max-width: 100%;
	}
	.sub_category_box {
	    max-width: 100%;
	}
	.galleryloader {
	    width: 100%;
	    margin-top: 5px;
	}
     .logo-scroller li {
         width: 90%;
         height: auto;
         float: none;
         margin: 20px;
         display: inline-block;
         text-align: center;
         box-sizing: border-box;
     }
     .eachWork, .eachWork:hover {
          width: 100%;
          margin: 0%;
          max-width: 100%;
          margin:0 auto;;
      }
      .facebook .fa.fa-facebook-f, .twitter .fa.fa-twitter, .instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play {
         line-height: 28px;
     }
     .socialOuter a {
         height: 30px;
         width: 30px;
     }
     .facebook .fa.fa-facebook-f, .twitter .fa.fa-twitter, .instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play {
         line-height: 28px;
     }
}
     
     


	

@media (max-width:400px) {
     .logocontent p {
         font-size: 13px;
         line-height: 20px;
    }
     .introContentIn h2, .blogHeader h2, .callUsContainer h2, .contactLeft h2 {
         font-size: 25px;
         line-height: 27px;
         margin-bottom: 10px;
    }
     .introContentIn p, .callUsContainer p {
         font-size: 13px;
         line-height: 18px;
         margin-bottom: 5px;
    }
     .servicesContainer h2 {
         font-size: 25px;
         line-height: 27px;
    }
     .blogOuter .eachBlog:first-child {
         display: none;
    }
     .swlogoOuter {
         float: left;
         text-align: center;
         width: 100%;
    }
     .swlogo {
         clear: both;
         float: none;
         margin: 0px;
    }
     .viewAllBlog {
         bottom: 30px;
    }
     .section.pageinner {
         padding: 40px 0;
    }
     .section.pageinner.aboutIntro2 {
         padding: 40px 0;
    }
     .eachAgencySection {
         margin-bottom: 40px;
         margin-right: 0;
         width: 100%;
    }
     .move-to-top {
         font-size: 18px;
         height: 30px;
         width: 30px;
    }
     .move-to-top i {
         line-height: 29px;
    }
     .eachBlog > p {
         font-size: 11px;
         line-height: 17px;
         max-height: 55px;
         ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
    }
     .viewMoreButton, .sendButton {
         font-size: 11px;
         margin-top: 0;
         padding: 8px 12px;
    }
     #contact-popup h2 {
         font-size: 13px;
         margin-bottom: 15px;
         margin-top: 8px;
         padding-bottom: 12px;
    }
     .textField {
         font-size: 12px;
         margin-bottom: 10px;
         padding: 7px 10px;
    }
     #contact-popup{
         width: 270px;
    }
     .pageinner h1, .pageinner h2 {
         font-size: 22px;
         line-height: 26px;
    }
     .minutes-talks-inner .textField-2 {
         margin-bottom: 10px;
         margin-left: 0;
         margin-right: 0;
         padding: 8px;
         width: 100%;
    }
     .minutes-talks-inner .sendButton-2 {
         margin-left: 0;
         margin-right: 0;
         width: 100%;
    }
     .pageinner p {
         font-size: 13px;
         line-height: 22px;
         margin-bottom: 10px;
    }
	.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
		font-size: 13px;
         line-height: 22px;
	}
     .services-content-single-thumb {
         border-right: medium none;
         margin-right: 0;
         padding-right: 0;
         width: 100%;
    }
     .acllToBox-top {
         padding-left: 40px;
    }
     .phoneBox i, .emailBox i {
         font-size: 35px;
    }
     .contactpageMap {
         width: 100%;
    }
     ul.footerLinks {
         padding-top: 0;
    }
	.storyIcon1 {
		width: 100px;
		margin-right: 3%;
		float: none;
		display: inline-block;
		height: 100px;
	}
	.introContentIn {
		padding-top: 50%;
	}
	.teamDetailsBox1 {
		padding: 71px 20px;
	}
	.pageinner p {
		padding: 0;
	}
	.subsection1Outer, .subsection2Outer, .subsection3Outer, .subsection4Outer, .subsection5Outer {
		padding: 50px 25px;
	}
	.clientLogoOuter {
		padding: 0;
		text-align: center;
	}
	.footerContact3 {
		padding: 10px 0 0 60px;
	}
	.footerContact3 .fa-phone {
		margin-right: 20px;
	}
	.footerSocialTitle2 {
		font-size: 13px;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.socialOuter3 {
		float: left;
		width: 100%;
		margin: 0 auto;
		display: table;
		text-align: center;
	}
	.socialOuter3 a {
		height: 50px;
		width: 50px;
		float: none;
		display: inline-block;
		margin: 1%;
		text-align: center;
	}
	.eachLogo {
		width: 50%;
		margin: 2% 0;
	}
	.eachLogo img{
		object-fit:contain;
		max-width: 80%;
	}
	.slidingLogo img.birdTilt {
		max-width: 40%;
	}
	.slidingLogo {
		height: 15%;
	}
	.storyIcons {
		margin-top: 130px;
	}
	.storyIcon1 {
		width: 50px;
		height: 50px;
	}
	.storyIcon2 {
		width: 45px;
		height: 50px;
	}
	.storyIcon3 {
		width: 40px;
		height: 50px;
	}
	.blogHeader p {
		line-height: 16px;
	}
	.nameField {
		height: 30px;
	}
	.sendBtn {
		height: 30px;
	}
	.socialOuter {
		margin-top: 10px;
	}
	.blogHeader {
		margin-bottom: 0;
	}
	.eachBlog img {
		height: 100px;
		margin-bottom: 5px;
	}
	.eachBlog {
		width: 100%;
		height: auto !important;
		padding: 15px !important;
	}
	.servicesDetails p {
		font-size: 14px;
		line-height: 20px;
	}
	.eachService p {
		font-size: 13px;
		line-height: 23px;
	}
	.eachServiceTitle {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.eachService h3 {
		vertical-align: middle;
		font-size: 18px;
	}
	.newsletterInnerMax {
		padding-top: 20px;
	}
	.nameField2 {
		height: 30px;
	}
	.sendBtn2 {
		height: 30px;
		font-size: 15px;
	}
	.address {
		margin-top: 0;
		padding-top: 10px;
	}
     .newsletterInner .newsletterInnerMax {
         padding-top: 40px;
     }
     .facebook .fa.fa-facebook-f, .twitter .fa.fa-twitter, .instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play {
         line-height: 38px;
     }

}





@media (max-width: 375px){
     .facebook .fa.fa-facebook-f, .twitter .fa.fa-twitter, .instagram .fa.fa-instagram, .linkedin .fa.fa-linkedin, .youtube .fa.fa-play {
         line-height: 28px;
     }
}








@media (max-width:360px) {
    .contactLeft li {
         font-size: 12px;
         line-height: 18px;
    }
    .viewMoreButton, .sendButton {
         margin-top: 4px;
    }
	.newsletterInner p {
		font-size: 15px;
	}
	.seotivLogosIn {
		padding-top: 10%;
	}
	.seotivLogos {
		height: 35%;
	}
	
	
}
@media (max-width:340px) {
    body{
         min-width:320px;
    }
}