@import url("fonts.css");
html {
  font-size: 62.5%;
  line-height: 62.5%;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  margin: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777777;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #777777;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777777;
}
:-moz-placeholder { /* Firefox 18- */
  color:#777777;
}
::-moz-selection { background: #472f91; text-shadow: none; }
::selection { background: #472f91; text-shadow: none;}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #7f7f7f;
  margin: 1em 0;
  padding: 0;
}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
body {font-family: 'Montserrat', sans-serif; color: #333333; margin: 0; padding: 0;  line-height: normal; background: #fafafa;}
.browserupgrade {margin: 0.2em 0; background: #7f7f7f; padding: 0.2em 0;}

input[type='text'], select, input[type="date"],
input[type='email'], input[type='tel'],
input[type='password'], input[type='submit'],
button[type='submit'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-apperance: none;
}

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000000;
  line-height: 28px;
  font-weight: 400;
}

h1, h2, h3, h4 {font-family: 'atlansemi_bold'; font-weight: normal; line-height: normal; font-weight: normal; color: #000000;}
a, a:hover, input[type="submit"], input[type="submit"]:hover, button, button:hover,
.footerWrap .leftFooter ul#menu-footer-menu li:after,
.footerWrap .leftFooter ul#menu-footer-menu li:hover:after,
.headerWrap__logo img{
  text-decoration: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
ul, ol {list-style: none; padding:0; margin: 0;}
/*================Mixing End======================*/
a:focus, a:hover:focus{ text-decoration: none;}
.alignleft {float: left; margin: 0 30px 30px 0;}
.alignright {float: right; margin: 0 0 30px 30px;}
.pddingBoth{ padding-left: 15px; padding-right: 15px;}
.marginBoth{ margin-left: 15px; margin-right: 15px;}
.nopadd{ padding: 0;}
*:focus{ outline: none;}
img{ border: 0 none; max-width: 100%;height: auto;}
html.desktop{ margin-top: 0 !important;}
a.rmbttn, input[type="submit"]{
    display: inline-block;
    cursor: pointer;
    font-family: 'atlanbold';
    font-size:16px;
    font-weight: 300;
    text-transform: uppercase;
    padding:0 70px;
    line-height: 56px;
    border: 0px solid #65d1d2;
    background: #5c5c66;
    color: #FFF;
    border-radius: 30px;
}
a.rmbttn i{ padding-left: 3px; }
a.rmbttn:hover, input[type="submit"]:hover{ background: #f78469; color:#ffffff; }
/*=================================
   Reset end
=====================================*/
.r-tabs{position:relative;background-color:#00c5ad;border-top:1px solid #00c5ad;border-right:1px solid #00c5ad;border-left:1px solid #00c5ad;border-bottom:4px solid #00c5ad;border-radius:4px}
.r-tabs .r-tabs-nav .r-tabs-tab{position:relative;background-color:#00c5ad}
.r-tabs .r-tabs-nav .r-tabs-anchor{display:inline-block;padding:10px 22px;text-decoration:none;text-shadow:0 1px rgba(0,0,0,.4);font-size:14px; color:#fff;}
.r-tabs .r-tabs-nav .r-tabs-state-disabled{opacity:.5}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{color:#00c5ad;text-shadow:none;background-color:#fff;border-top-right-radius:4px;border-top-left-radius:4px}
.r-tabs .r-tabs-panel{background-color:#fff;border-bottom:4px solid #fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor{display:block;padding:10px;background-color:#00c5ad;color:#fff;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(0,0,0,.4);font-size:14px;border-top-right-radius:4px;border-top-left-radius:4px}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color:#fff;color:#00c5ad;text-shadow:none}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled{opacity:.5}button{display:inline-block;margin-top:10px;margin-right:10px;padding:10px 20px;line-height:100%;color:#fff;font-size:14px;text-align:center;text-shadow:0 1px rgba(0,0,0,.3);vertical-align:middle;font-weight:700;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#00c5ad;box-shadow:0 3px 0 0 #00ab94;cursor:pointer}
.info{display:inline-block;margin-top:10px;margin-right:10px;padding:10px 20px;width:300px;line-height:100%;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:14px;color:#00c5ad;border:2px solid #00ab94;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;cursor:pointer}

.r-tabs .r-tabs-nav{ margin: 0; padding: 0;}
.r-tabs .r-tabs-tab{display: inline-block; margin: 0; list-style: none;}
.r-tabs .r-tabs-panel{padding: 15px; display: none;}
.r-tabs .r-tabs-accordion-title{display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active{ display: block;}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav{display: none;}
.r-tabs .r-tabs-accordion-title{ display: block;}
}
/*
==========================================================================
   Theme custom Style
========================================================================== */
#wraperHolder, .fulwidth {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
.page_container { margin: 0 auto; width: 100%;  max-width:1624px; padding: 0 12px;  position: relative; box-sizing: border-box;}
.inner_container { margin: 0 auto;  max-width: 1120px;position: relative; padding: 35px 0;}
.page_container:after{content: ""; width: 100%; display: block; visibility: hidden; clear: both;}
.after:after{content: ""; width: 100%; display: block; visibility: hidden; clear: both;}
.text_center{text-align: center;}
.clearfix{clear: both;}
.col-3,
.col-4,
.col-6,
.col-12
{
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;       
}
.col-3{ width: 33%; padding: 0 15px; float: left;}
.col-4{width: 25%; padding: 0 15px; float: left;}
.col-6{width: 50%; padding: 0 15px; float: left;}
.col-12{width: 100%; padding: 0 15px; float: left;}
#main{ min-height: 400px; }

/*==========================================================================
   Don't touch above Css only change font family and a.rmbttn style.
========================================================================== */

/*==========================================================================
   Bidesh da tomar nijer style er niche theke likhbe . Header foote body comment kore likhbe.
   ".fulwidth" class ta sob full row er jonno common hobe r extra kore unic class use koreb
   r parent class er child gulo doble underscore diye hobe jemon "aboutSection" jodi parent classe name hoi tahole tar 
   child class name gulo hobe "aboutSection__child1" .
========================================================================== */
/*===============Header part=====================*/

.headerWrap{ position:fixed; top:0; z-index: 500; }
 
.headerWrap .page_container{ display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; }
.headerWrap__logo{padding: 12px 0; text-align: left;}
.headerWrap__logo a{ display: inline-block; }
.headerWrap__right{ text-align: right; width: calc(100% - 255px); padding-top:14px;}

.headerWrap__navigation{ padding-top: 8px; display: flex;  justify-content: flex-end;}
.headerWrap__navigation ul{ display: inline-block; }
.headerWrap__navigation ul li{font-family: 'atlansemi_bold'; list-style-type: none; display: inline-block; font-size: 16px; padding:0 13px; font-weight: normal; position: relative; text-transform: uppercase; }
.headerWrap__navigation ul li:first-child{ padding-left: 0; }
.headerWrap__navigation ul li a{  text-transform: uppercase; color: #ffffff; font-weight: normal; display: inline-block; line-height: 25px; padding: 8px 0; position: relative;}
.headerWrap__navigation > ul > li > a{ padding-bottom: 2px; }
.headerWrap__navigation > ul#menu-header-menu > li > a:after{ 
          content: ""; width: 100%; height: 2px; position: absolute; left: 0; top: 100%; background: #fe5e20; z-index: 200;
          -webkit-transform-origin: center;
          transform-origin: center;
          transition: all 500ms ease-in-out;
          transform: scale(0);
 }
.headerWrap__navigation ul li a:hover,
.headerWrap__navigation ul li.current-menu-item a{ color: #fdd813; }


.headerWrap__navigation ul.headerWrap__navigation__getfree{ padding:0 0 0 6px; }
.headerWrap__navigation ul.headerWrap__navigation__getfree li{ padding:0 0 0 19px; }
.headerWrap__navigation ul.headerWrap__navigation__getfree li a.rmbttn{ background:#ffffff; padding:0 35px; height: 40px; line-height:40px; font-family: 'atlansemi_bold'; color: #000000;}
.headerWrap__navigation ul.headerWrap__navigation__getfree li a:hover{background:#fe5e20; color:#ffffff;}
/*--FIX HEAD---*/
.headerWrap__right, .headerWrap__logo, .headerWrap:after, .headerWrap{transition: all 300ms ease-in-out;}
.headerWrap.fixHead{ /*box-shadow: 0px 2px 7px #415cb7;*/ background: rgba(52, 84, 178, 0.85);}
.headerWrap.fixHead.diaiableMenu{ background: none !important; }
.headerWrap.fixHead .headerWrap__logo img{ max-width: 150px; height: auto; transition: all 300ms ease-in-out; margin-top: 8px;}
.headerWrap.fixHead .headerWrap__logo{padding: 6px 0; transition: all 500ms ease-in-out;}
.headerWrap.fixHead .headerWrap__right{ border:0; transition: all 300ms ease-in-out; padding-top:8px; padding-bottom: 8px;}
/*.headerWrap.fixHead:after{ opacity: 0; transition: all 700ms ease-in-out; }*/
.headerWrap.fixHead:after{margin-top: -49px; transition: all 300ms ease-in-out;}
/*body.fixHead{ padding-top: 112px; transition: all 500ms ease-in-out;}*/
.headerWrap.fixHead .headerWrap__navigation ul li ul{ padding-top: 0; }
.headerWrap.fixHead .headerWrap__navigation{ padding-top:0; }


/*===============Header full menu start=====================*/
.headerWrap__navigation ul.headerWrap__navigation__getfree{ display: flex;align-items: center;}
.leidsnceMenu .line{
  width: 50px;
  height: 5px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.leidsnceMenu:hover{
  cursor: pointer;
} 

#hamburger-4.is-active .line:nth-child(1),
#hamburger-4.is-active .line:nth-child(3){
  width: 40px;
}

#hamburger-4.is-active .line:nth-child(1){
  -webkit-transform: translateX(10px) rotate(45deg);
  -ms-transform: translateX(10px) rotate(45deg);
  -o-transform: translateX(10px) rotate(45deg);
  transform: translateX(10px) rotate(45deg);
}

#hamburger-4.is-active .line:nth-child(3){
  -webkit-transform: translateX(10px) rotate(-45deg);
  -ms-transform: translateX(10px) rotate(-45deg);
  -o-transform: translateX(10px) rotate(-45deg);
  transform: translateX(10px) rotate(-45deg);
} 


.fulMenuWrap{ width: 100vw; height: 100vh; background: #222342; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: -99; opacity: 0; transition: all 1s ease-in-out;}
.fulMenuWrap.active{ opacity: 1; z-index: 999; transition: all 1s ease-in-out;}
.fulMenuWrap__cntnarea{ width: 100%; max-width: 1340px; display: inline-block; display: flex; align-items: center;  transform: scale(0.7);}
.fulMenuWrap__cntnarea > div{ width: 33%; } 
.fulMenuWrap__cntnarea > div a span{ font-family: 'atlanlight'; display: block; font-size: 17px; font-weight: normal; color: #FFF; text-transform: uppercase;}
.fulMenuWrap__cntnarea > div a span img{    vertical-align: baseline;}
.fulMenuWrap__cntnarea > div a strong{font-family: 'atlanbold'; font-weight: normal; line-height: 65px; font-size: 68px; color: #FFF; display: block;}  
.fulMenuWrap__cntnarea .btton_1{
  width: 95%;
  height: 277px;
  background: #6689ff;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 33px;
  display: flex;
  align-items: flex-start;
  margin: 0 0 30px 0;
  -webkit-transform: translateY(-50vh);
  transform: translateY(-50vh);
  opacity: 0;

}
.fulMenuWrap.active .btton_1{
  opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fulMenuWrap__cntnarea .btton_2{
  width: 95%;
  height:480px;
  background: #52c9ef;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 33px;
  display: flex;
  align-items:center;
  -webkit-transform: translateX(-60vw);
  transform: translateX(-60vw);
  opacity: 0;
}
.fulMenuWrap.active .btton_2{
  opacity: 1;
  -webkit-transform: translateX(0vw);
  transform: translateX(0vw);
}
.fulMenuWrap__cntnarea .btton_3{
  width: 95%;
  height:550px;
  background: #fe5e20;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 33px;
  display: flex;
  align-items:center;
  justify-content: center;
  -webkit-transform: translateY(60vw);
  transform: translateY(60vw);
  opacity: 0;
}
.fulMenuWrap.active .btton_3{
  opacity: 1;
  -webkit-transform: translateY(0vw);
  transform: translateY(0vw);
}

.fulMenuWrap__cntnarea .btton_3 > div{ transform: rotate(-90deg);}
.fulMenuWrap__cntnarea .btton_4{
  width: 95%;
  height: 438px;
  background: #3454b2;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 33px;
  display: flex;
  align-items: flex-end;
  margin: 100px 0 30px 0;
  -webkit-transform: translateY(-50vh);
  transform: translateY(-50vh);
  opacity: 0;
}
.fulMenuWrap.active .btton_4{
  opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fulMenuWrap__cntnarea .btton_5{
  width: 95%;
  height:300px;
  background: #fdb913;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 33px;
  display: flex;
  align-items:flex-end;
  -webkit-transform: translateX(60vw);
  transform: translateX(60vw);
  opacity: 0;
}
.fulMenuWrap.active .btton_5{
  opacity: 1;
  -webkit-transform: translateX(0vw);
  transform: translateX(0vw);
}
.fulMenuWrap__cntnarea > div a{transition: all 1s ease-in-out; position: relative;}
.fulMenuWrap__cntnarea > div a.activeHover{
  filter: blur(5px);
  -webkit-filter: blur(5px);
  transition: all 500ms ease-in-out;
  
} 
.fulMenuWrap__cntnarea a.btton_1.activeHover{transform: matrix(1, 0, 0, 1, -66, -74) rotate(-10deg);}
.fulMenuWrap__cntnarea a.btton_2.activeHover{transform: matrix(1, 0, 0, 1, -66, 74) rotate(10deg);}
.fulMenuWrap__cntnarea a.btton_3.activeHover{}
.fulMenuWrap__cntnarea a.btton_4.activeHover{transform: matrix(1, 0, 0, 1, 106, -174) rotate(20deg);}
.fulMenuWrap__cntnarea a.btton_5.activeHover{transform: matrix(1, 0, 0, 1, 106, 74) rotate(-20deg);}


.fulMenuWrap__cntnarea > div a:hover{
  transition: all 500ms ease-in-out;
}
.fulMenuWrap__cntnarea > div a.bgactive{
  background: url(https://leidsens.com/demo/wp-content/uploads/2019/12/icon.png) no-repeat;
    background-size: cover;
}
.fulMenuWrap__cntnarea > div a{ overflow: hidden;}
.fulMenuWrap__cntnarea > div a.bgactive > div{ position: relative; z-index: 10;}
.fulMenuWrap__cntnarea > div a.bgactive:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.fulMenuWrap__cntnarea a.btton_1.bgactive{}
.fulMenuWrap__cntnarea a.btton_2.bgactive{}
.fulMenuWrap__cntnarea a.btton_3.bgactive{}
.fulMenuWrap__cntnarea a.btton_4.bgactive{}
.fulMenuWrap__cntnarea a.btton_5.bgactive{}

.diaiableMenu #menu-header-menu,
.diaiableMenu .headerWrap__navigation__getfree > li:first-child{ display: none;}
.diaiableMenu{ position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;}




/*===============Header full menu End=====================*/


/*----Banner Section-------*/
.bannerWrap{ position: relative; background: #f5f8f8; }
.bannerWrap > video{
  width: 100%;
    height: auto;
    display: block;
}
section.fulwidth.bannerWrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background: url(../../images/banner-effect-bg.png) 0 0 repeat;*/
    z-index: 20;
}
.bannerWrap.slick-initialized .slick-slide{ position: relative; }
.bannerWrap:after{background: url(../../images/headerwhitesec1.png) 0 0 no-repeat; content: ""; position: absolute; left:0; bottom:-7px; width: 100%; padding-top:19.75%; z-index: 99; background-size:contain;}
.bannerWrap .slidItem{ position: relative; width: 100%; height: 100%;}
.bannerWrap .slidItem:after{ background: url(../../images/banner-effect-bg.png) 0 0 repeat; content: ""; position: absolute; left:0; top:0; width: 100%; height: 100%; }



.bannerWrap .slidItem img{ width: 100%; max-width: inherit; height:100%; }
.bannerWrap__caption{ position: absolute; width: 100%; height: 100%; z-index: 50; left: 0; top:-30px; display: flex; align-items: center;  justify-content: flex-start; flex-wrap: wrap;  }
.bannerWrap__caption > div{ text-align: left; }
.bannerWrap__caption h2{font-family: 'atlanheavy'; font-size:80px; color: #ffffff; margin: 8px 0;  line-height:72px;  font-weight: normal; text-transform: uppercase;}
.bannerWrap__caption p{font-family: 'atlanregular'; font-size:24px; color: #ffffff; margin-bottom: 35px;  line-height:normal; }
.bannerWrap__caption a.rmbttn{ background: #52c9ef; color: #ffffff; font-weight: 600; text-transform: uppercase; padding: 0 45px; line-height: 60px; mask-type: 25px; }
.bannerWrap__caption a.rmbttn:hover{ background: #f9b288; color: #FFF; }
.bannerWrap__caption__textarea{ max-width: 820px; width: 100%; margin-left:9%;}

.bannerWrap.slick-initialized .slick-dots{ display: inline-block;
    position: absolute;
    right: 100px;
    top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.bannerWrap.slick-initialized .slick-dots li{ text-align: center; list-style-type: none; display:block; padding:0 0; margin: 6px 0; font-family: 'atlansemi_bold'; font-size: 22px; width: 30px; position: relative;}
.bannerWrap.slick-initialized .slick-dots li button{border: 0; background:transparent; /*width: 10px; height: 10px; border-radius: 50%; text-indent: -99px; overflow: hidden;*/cursor: pointer; padding: 0;  margin-top:0; margin-right:5px; border: 0; box-shadow: none;}
.bannerWrap.slick-initialized .slick-dots li button:before{ position: absolute; width: 60px; height: 1px; background:#ffffff;left: -65px; top:22px; content: ""; }

.bannerWrap.slick-initialized .slick-dots li.slick-active button{ color: #fdb913; /*width: 22px; border-radius: 10px;*/}
.bannerWrap.slick-initialized .slick-dots li.slick-active button:before {background: #fdb913;}

/*---------Inner Page Banner Section-----------*/

.cmmonbannerWrap:after{background: url(../../images/innerpage-banner-whitepart.png) 0 0 no-repeat; content: ""; position: absolute; left:0; bottom:-6px; width: 100%; padding-top:14%; z-index: 20; background-size:contain;}
.innerBnner_Caption h1, .innerBnner_Caption h2{
  font-size: 78px;
  color: #393a62;
  font-weight: normal;
  position: absolute;
  text-transform: uppercase;
  font-family: 'atlanblack';
  width: 60%;
  line-height: 1;
  top: -400px;
  z-index: 100;
}

.blog .innerBnner_Caption h1 {color: #fff;}

.cmmonbannerWrap__content{ position: relative; z-index:100;  }
.cmmonbannerWrap__content > div{ margin: 0 auto;  width: 100%; max-width: 1624px;  padding: 0 12px; box-sizing: border-box; }


/*==================------about__home-------==================*/
.about__home{ padding-top:20px; padding-bottom:30px; }
.about__home__left{ width: 52%; float: right;}
.about__home__right{ width: 45%; float: left;}
.about__home__right h1{font-family: 'atlanblack'; text-transform: uppercase; font-size: 50px; line-height: 50px; margin-top:0; }
.about__home__right p{ margin-bottom:46px; display: block; }
.about__home__right a{ background:#52c9ef; font-family: 'atlanbold'; padding:0 58px; display: inline-block; vertical-align: top;}
.about__home__right .about__home_contact{ display: inline-block; margin-left: 20px; font-family: 'atlanbold'; font-size: 30px; color:#c3c3c3; line-height: 34px;}
.about__home__right .about__home_contact span{ display: block; font-family: 'atlanblack'; font-size: 38px; vertical-align: top;}

/*==================------design development home sec-------==================*/
.design__home{ padding-top:60px; padding-bottom: 50px; }
.design__home__box{ position: relative; }
.design__home__box:before{ position: absolute; width: 235px; height: 3px; background:#3454b2;left: 0; top: 0; content: ""; }
.design__home__box.design__home__orange:before{background:#fdb913; left: 15px;}
.design__home__area{ padding-left: 30px; padding-top:50px; width: 100%; max-width: 375px; }
.design__home__area.desing__home_dev{ padding-left: 0; padding-top:0; }
.design__home__area.desing__home_dev span, .design__home__area.desing__home_dev h2, .design__home__area.desing__home_dev p{ color:#ffffff; }
.design__home__area span{font-family: 'atlansemi_bold'; font-size: 18px; text-transform: uppercase; color:#9b9b9b; display: block; padding-bottom: 15px;}
.design__home__area h2{font-family: 'atlanbold'; font-size: 39px; line-height: 44px; margin-top:0; margin-bottom:18px;}
.design__home__area p{ font-size: 18px; color: #868686; line-height: 28px;}

.design__home__application{ border-radius: 20px; background:#fe5e20; box-sizing: border-box; padding:40px; }

/*==================------portfolio home sec-------==================*/
.portfolio__home{ background: url('../../images/profilebg.jpg') 0 0 repeat; padding:70px 0 70px;}
.portfolio__home .portfolio__area{ background: url('../../images/profiletext.png') 0 0 no-repeat; padding-top: 80px; }
.portfolio__work{ width: 22.5%; padding:0 15px; box-sizing: border-box; display: inline-block; vertical-align: top; float: left;}
.portfolio__work h3{font-family: 'atlanblack'; font-size: 24px; color:#ffffff; text-transform: uppercase;}
.portfolio__work p{ color: #ffffff; margin-bottom: 42px; }
.portfolio__work a.rmbttn{font-family: 'atlanbold'; border: 2px solid #ffffff; background:transparent; padding:0 55px;}
.portfolio__work a.rmbttn:hover{ background:#fe5e20; border: 2px solid #fe5e20;}

.ho_portfolioCarousel{ width: 77%; display: inline-block; }
.ho_portfolioCarousel .slideItem{ padding-bottom: 60px;padding-left: 50px; }
.portfolio__picture{width: 40%; padding:0 15px; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative;}
.portfolio__picture .prftfolio__img{position: absolute; left:-13%; top: 0; content: "";}

.portfolio__project{width: 60%; padding:0 15px; box-sizing: border-box; display: inline-block; vertical-align: top; float: right;}
.portfolio__left{ width: 36%; display: inline-block; vertical-align: top;  padding-right: 15px;}
.portfolio__left p{ margin-top: 125px; }

.portfolio__colorbox{ position: relative; }
.portfolio__colorbox .box{ width: 36%; border-radius: 8px; position: absolute; left: 0; top: 0; content: ""; background:#95c845; padding-top: 27%;}
.portfolio__colorbox .box.blue{ background:#28b6c4; left:41%; top:30px;}
.portfolio__colorbox .box.black{ background:#3b3e35; left:25%; top:122px;}

.portfolio__right{ width: 56%; display: inline-block; vertical-align: top;  padding-left: 0;}
.portfolio__right p{ margin-bottom:0; margin-top: 10px; color:#ffffff; }
.portfolio__right p span{ color:#8f9fd1; }
.portfolio__right h4{ font-family: 'atlanblack'; font-size: 30px; color:#ffffff; text-transform: uppercase; margin-top:8px; }
.portfolio__right ul{ padding-top:16px; }
.portfolio__right li{ display: inline-block; vertical-align: top; margin-right: 6px; }

/*==================------our__development ==================*/
.our__development{ padding:200px 0 80px; text-align: center;}
.our__development h1{ font-family: 'atlanblack'; font-size:50px; text-transform: uppercase; margin-top:8px; margin-bottom: 20px;}
.our__development p{ max-width: 1170px; margin:0 auto 70px; width: 100%;}
.our__development__contant{ max-width: 1200px; width: 100%; margin:0 auto;}
.our__development__pic{max-width: 401px; width: 100%; position: relative; left:50%; top: 0; -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); position: relative;}
.our__development__pic img{position: relative; z-index: 2;}
.our__development__box{position: absolute; width: 400px; background:#fe5e20; border-radius:16px; padding:35px 40px 30px; box-sizing: border-box; left:-90%; top:50px; text-align: left; z-index: 1;}
.our__development__box h5{font-family: 'atlanbold';font-size:22px; color:#ffffff; text-transform: uppercase; margin-top:0; margin-bottom: 20px;}
.our__development__box p{ font-size: 16px; color:#ffffff; margin-bottom: 0; line-height: 22px; }

.our__development__box.colorndPOsition_1{ width: 320px; background:#3454b2; left:75%; top:40px;}
.our__development__box.colorndPOsition_2{ width: 300px; background:#52c9ef; left: -17%; top: 299px; z-index: 3;}
.our__development__box.colorndPOsition_3{ width: 375px; background:#fdb913; left: 104%; top: 367px; z-index: 3;}

.our__development a.rmbttn{ background:#222342; font-family: 'atlanbold'; margin-top: 100px;}
.our__development a.rmbttn:hover{ background:#fe5e20;}

/*==================--unlimitedCreativity--==================*/
.unlimitedCreativity{ text-align: left;  background: url('../../images/grey_bg.png') 0 0 repeat-x; background-position: bottom center;}
.unlimitedCreativity__left{ background: url('../../images/unlimitebg.jpg') 0 0 repeat; position: relative; width: 60%; min-height: auto; float: left; padding: 30px 40px 40px 0; box-sizing: border-box; border-radius:0 16px 16px 0; min-height: 345px; display: flex; align-items: center;flex-wrap: wrap;}

.unlimitedCreativity__left:before{background: url('../../images/unlimitebg.jpg') 0 0 repeat; height: 100%; left: -100%; top:0; position: absolute; content: ""; width: 100%;}
.unlimitedCreativity__left h2{font-family: 'atlanblack';font-size:66px; color:#ffffff; text-transform: uppercase; margin-top:0; margin-bottom:0; text-align:left;}
.unlimitedCreativity__left h3{font-family: 'atlanblack';font-size:40px; color:#ffffff; text-transform: uppercase; margin-top:0; margin-bottom:20px; text-align:left;}
.unlimitedCreativity__left a.rmbttn{ background:#222342; font-family: 'atlanbold'; display: inline-block; vertical-align: top; padding:0 60px;}
.unlimitedCreativity__left span{font-family: 'atlanblack';font-size:40px; color:#a5a9ef; text-transform: uppercase; margin-left:16px;}


.unlimitedCreativity__right{width: 37%;/* min-height: 415px; */float: right; border-radius: 16px; overflow: hidden;}
.unlimitedCreativity__right video{
    width: 100%;
    height: 345px;
    border-radius: 10px;
    margin-top: 0;
    background: #000;
    border: 5px solid #3a3a3a;
    box-sizing: border-box;
 }
/*==================--responsiveWeb--==================*/
.responsiveWeb{ background:#fafafa; padding:90px 0 390px; text-align: center; }
.responsiveWeb__design{ max-width: 1260px; width: 100%; margin:-50px auto 30px; }

.responsiveWeb__design__left{ width: 48%; float:left; padding:10px 35px; box-sizing: border-box; text-align: right;}
.responsiveWeb__design__left h3{font-family: 'atlanblack';font-size:50px; text-transform: uppercase; margin-top:0; margin-bottom:0; line-height: 62px;}
.responsiveWeb__design__left h3 span{ font-size:70px; display: block; }


.responsiveWeb__design__right{position: relative; width: 48%; float:right;  padding:10px 35px 10px 35px; box-sizing: border-box; text-align: left;}
.responsiveWeb__design__right:before{ left:-27px; top:0; position: absolute; content: ""; width:2px; background:#d2d2d2; height: 100%;}
.responsiveWeb__design__right p{ margin-top:0; }

.responsiveWeb a.rmbttn{font-family: 'atlanbold'; border: 2px solid #3454b2; background:transparent; color: #3454b2;}
.responsiveWeb a.rmbttn:hover{ background:#fe5e20; border: 2px solid #fe5e20; color:#ffffff;}

/*======================= awesome client =================*/
.awesomeClient{ background:url('../../images/profilebg.jpg') 0 0 repeat; padding:315px 0 90px; }
.awesomeClient .inner_container{ max-width: 1160px; padding:5px 0; }

.awesomeClient__area{ width: 100%; position: absolute; left: 0; bottom:100%; background:#ffffff; border-radius: 14px; padding:50px 30px 60px; box-sizing: border-box;  box-shadow: 0px 0px 7px #cccccc; text-align: center;}
.awesomeClient__area h2{font-family: 'atlanblack';font-size:50px; text-transform: uppercase; margin-top:0; margin-bottom:0; line-height: 62px;}
.awesomeClient__area p{ color: #868686; margin-bottom: 36px; }

.inner_container.awesomeClient__icon{ max-width: 760px;  margin-top:75px; text-align: center;}
.inner_container.awesomeClient__text{ max-width: 760px;  text-align: center;}
.awesomeClient__client__pic{ text-align: center; width: 115px; height: 115px; margin:0 auto; overflow: hidden; border-radius: 100%; background:#ffffff; display: none;}
.inner_container.awesomeClient__text p{ font-size: 24px; color:#ffffff; line-height: 34px; }
.awesomeClient__client__name{ padding:30px 0 0; color:#ffffff; }
.awesomeClient__client__name i, .awesomeClient__client__name strong{ font-size: 18px; display: block; font-weight: normal;}
.awesomeClient__client__name strong{ padding:20px 0; }
.awesomeClient__client__name strong span{ font-size: 15px; display: block; padding:16px 0 0;}

.awesomeClient__slider .slick-dots{ padding-top: 25px; }
.awesomeClient__slider .slick-dots li{ list-style-type: none; display: inline-block; padding: 0 3px; }
.awesomeClient__slider .slick-dots li button{border: 0; background: #b6b6b6; width: 10px; height: 10px; border-radius: 50%; text-indent: -99px; overflow: hidden;cursor: pointer; padding: 0;  margin-top:0; margin-right:5px; border: 0; box-shadow: none;}
.awesomeClient__slider .slick-dots li.slick-active button{ background: #4b4b4b; width: 22px; border-radius: 10px;}
.awesomeClient__slider .logoFlexbx{}
.awesomeClient__slider .logoFlexbx > div{ width: 23%; display: inline-block; vertical-align: middle; padding: 15px 0.7%; }

.awesomeClient__text .slick-dots {}
.awesomeClient__text .slick-dots li{ list-style-type: none; display: inline-block; padding: 0 3px; }
.awesomeClient__text .slick-dots li button{border: 0; background: #5677d9; width: 10px; height: 10px; border-radius: 50%; text-indent: -99px; overflow: hidden;cursor: pointer; padding: 0;  margin-top:0; margin-right:5px; border: 0; box-shadow: none;}
.awesomeClient__text .slick-dots li.slick-active button{ background: #ffffff; width: 22px; border-radius: 10px;}
.resp-vtabs > .resp-tabs-container {background-color: #fafafa;}


/*======================= recent Blog =================*/
.recentBlog{ padding:70px 0 115px; text-align: center; background: #fff;}
.recentBlog h2{font-family: 'atlanblack';font-size:50px; text-transform: uppercase; margin-top:0; margin-bottom:0; line-height: 62px;}
.recentBlog ul { padding-top: 55px; }
.recentBlog ul li{ position: relative; }
.recentBlog ul li .recentBlog__mother{border:1px solid #dddddd; border-radius: 6px; overflow: hidden;}
.recentBlog__textArea{ padding:30px; box-sizing: border-box; }
.recentBlog__textArea h3{ font-family: 'atlansemi_bold';  font-size: 22px; margin-top: 0; max-width: 250px; margin:0 auto 20px;}
.recentBlog__textArea span{ display: block; color:#636363; font-size: 14px;}
.recentBlog__textArea p{ font-size: 15px; }
.recentBlog__picture{  height: 260px; overflow: hidden; }

.recentBlog ul li  a.rmbttn{ background: #52c9ef; font-size: 14px; position: absolute; white-space: nowrap; padding:0 43px; left: 50%; bottom:-28px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.recentBlog ul li  a.rmbttn:hover{ background:#fe5e20; color:#ffffff; }

.postListingpage__leftContainer .screen-reader-text{font-size: 25px; font-weight: 500;}
.postListingpage__leftContainer .nav-links a, .postListingpage__leftContainer .nav-links .page-numbers{    font-size: 18px; color: #ef5c23;}


/*======================= expertise =================*/
.page-id-213 .inner_container{ max-width: 100%; padding:0; }
.page-id-213 h2 { font-family: 'atlanblack';font-size:40px; color:#393a62; text-transform: uppercase; margin-top:0; margin-bottom:20px; line-height: 53px; }
.page-id-213 ul.expertise_list{}
.page-id-213 ul.expertise_list li, .page-id-213 ul.expertise_list li a , .page-id-213 ul.expertise_list li p a{
    font-family: 'atlanextra_light';
    display: inline-block;
    font-size: 20px;
    color: #000000;
    padding: 10px 0px;
    transition: inherit;
	line-height: 30px;
}
.page-id-213 ul.expertise_list li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    margin-right: 20px;
    font-size: 16px;
    color: #393a62;
}

/*======================= getinTouch =================*/
.getinTouch .inner_container{ max-width: 935px; padding:0; }

.getinTouch{ background:url('../../images/getintouch-bg.jpg') top center no-repeat; padding:60px 0 70px; background-size: cover; text-align: center;}
.getinTouch:before{ background:url('../../images/touchbg.png') 0 0 repeat; height: 100%; content: ""; width: 100%; position: absolute; left: 0; top: 0; }

.getinTouch h2 { font-family: 'atlanblack';font-size:50px; color:#ffffff; text-transform: uppercase; margin-top:0; margin-bottom:34px; line-height: 53px; }
.getinTouch h2 span{ display: block; font-size: 20px; font-family: 'atlansemi_bold'; line-height: 25px;}

.getinTouch ul li.col-3{ padding: 0 7px; margin-bottom: 16px;}
.getinTouch ul li.col-12{ padding: 0 18px 0 7px; margin-bottom: 16px;}
.getinTouch .mc-field-group{margin-bottom: 16px;}

.getinTouch input[type="text"],
.getinTouch input[type="email"],
.getinTouch input[type="tel"],
.getinTouch input[type="number"],
.getinTouch input[type="date"],
.getinTouch textarea,
.getinTouch select{
  width: 100%;
  border:1px solid #c0cae9;
  box-sizing: border-box;
  height: 50px;
  padding: 0 19px;
  font-size: 14px;
  color: #000;
  text-transform: capitalize; border-radius: 30px;
  font-weight: 400;  background: transparent;
}
.getinTouch textarea{ border-radius: 15px; }
.getinTouch textarea{ padding-top: 12px; height: 120px; }

.getinTouch input::-webkit-input-placeholder, .getinTouch textarea::-webkit-input-placeholder{ color: #000;}
.getinTouch input::-moz-placeholder, .getinTouch textarea::-moz-placeholder{color: #000;}
.getinTouch input:-ms-input-placeholder, .getinTouch textarea:-ms-input-placeholder{ color: #000;}
.getinTouch input:-moz-placeholder, .getinTouch textarea:-moz-placeholder{color:#000;}

body.home .getinTouch input::-webkit-input-placeholder, body.home .getinTouch textarea::-webkit-input-placeholder{ color: #c5cada;}
body.home .getinTouch input::-moz-placeholder, body.home .getinTouch textarea::-moz-placeholder{color: #c5cada;}
body.home .getinTouch input:-ms-input-placeholder, body.home .getinTouch textarea:-ms-input-placeholder{ color: #c5cada;}
body.home .getinTouch input:-moz-placeholder, body.home .getinTouch textarea:-moz-placeholder{color:#c5cada;}


.getinTouch input[type="submit"]{ background: #fdb913; font-weight: 400; }
.getinTouch input[type="submit"]:hover{ background: #f78469; }

/*.getinTouch div.wpcf7-validation-errors,
.getinTouch  div.wpcf7-acceptance-missing{clear: both; font-size: 15px; background: #f98888; border: 0;color: #940000; box-shadow: 1px 1px #e86464; text-shadow: 1px 1px #e8b0b0;border-radius: inherit;}
.getinTouch span.wpcf7-not-valid-tip{font-size: 13px; color: #bb0000; font-weight: 400; background: #f9c2a1; padding: 4px;}*/


.hmtabSection{ padding: 10px 0 55px; text-align: center;}
.hmtabSection h2{ font-size: 44px; color: #272727; margin-top: 0;margin-bottom: 15px; }
.hmtabSection p{ font-size: 18px; font-weight: 300;}
/*.hmtabSection__tabwrap .r-tabs-nav{ width: 30%; float: left; padding-top: 115px;transition:inherit;}
.hmtabSection__tabwrap.r-tabs .r-tabs-panel{ width: 65%; float: right; }
.hmtabSection__tabwrap .r-tabs-nav li{ font-family: 'atlanextra_light'; display:block; clear: both;}
.hmtabSection__tabwrap.r-tabs .r-tabs-nav .r-tabs-anchor{font-family: 'atlanextra_light'; display:inline-block;font-size: 24px; color: #000000; padding:10px 22px; transition:inherit; }
.hmtabSection__tabwrap .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{background:#6689ff; color: #ffffff;transition:inherit; border-radius:30px; padding:10px 22px; font-weight: bold;}
.hmtabSection__tabwrap.r-tabs .r-tabs-nav .r-tabs-tab{ background:none; text-align: left; padding:4px 0; }
.tabwrap__twlcml{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left;}
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml > div{ width: 60%; }
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml > div:first-child{ width:35%; border-radius: 10px; overflow: hidden;}
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml p{ font-size:18px; color: #000000; font-weight: lighter; line-height:28px;}
.hmtabSection__tabwrap {background: url('../../images/tab-left-picture.png') left top no-repeat; border: 0; padding-top: 15px; padding-left:14.5%; background-size: contain; box-sizing: border-box;}

.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml p{ font-size:18px; color: #000000; font-weight: lighter; line-height:28px;}
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml ul{ padding-bottom: 36px; }
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml ul li{ position: relative; padding-left: 23px; font-size: 20px; color:#000000; font-weight: 600; padding-top:5px; padding-bottom: 5px; }
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml ul li:before{content: "\f061"; font-family: 'FontAwesome'; position: absolute; left: 0; top:9px; font-size: 16px; color:#000000;}

.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml a{padding: 0 50px; background:#fdb913; font-family: 'atlanbold';}
.hmtabSection__tabwrap.r-tabs .r-tabs-panel .tabwrap__twlcml a:hover{ background:#fe5e20; }*/
.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list{ width: 30%; float: left; padding-top: 115px;transition:inherit;}
.hmtabSection__tabwrap.resp-vtabs > .resp-tabs-container{ width: 65%; float: right; border: 0; }
.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list li{ font-family: 'atlanextra_light'; display:block; clear: both;     border: 0 !important;  background: none !important;  padding: 0 !important;text-align: left;}
.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list li a{font-family: 'atlanextra_light'; display:inline-block;font-size: 24px; color: #000000; padding:10px 22px; transition:inherit; }
.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list li.resp-tab-active a{background:#6689ff; color: #ffffff;transition:inherit; border-radius:30px; padding:10px 22px; font-weight: bold;}
.tabwrap__twlcml{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left;}
.hmtabSection__tabwrap .tabwrap__twlcml > div{ width: 60%; }
.hmtabSection__tabwrap .tabwrap__twlcml > div:first-child{ width:35%; border-radius: 10px; overflow: hidden;}
.hmtabSection__tabwrap .tabwrap__twlcml p{ font-size:18px; color: #000000; font-weight: lighter; line-height:28px;}
.hmtabSection__tabwrap {background: url('../../images/tab-left-picture.png') left top no-repeat;  border: 0; padding-top: 15px; padding-left:14.5%; background-size: auto; box-sizing: border-box;}

.hmtabSection__tabwrap .tabwrap__twlcml p{ font-size:18px; color: #000000; font-weight: lighter; line-height:28px;}
.hmtabSection__tabwrap .tabwrap__twlcml ul{ padding-bottom: 36px; }
.hmtabSection__tabwrap .tabwrap__twlcml ul li{ position: relative; padding-left: 23px; font-size: 20px; color:#000000; font-weight: 600; padding-top:5px; padding-bottom: 5px; }
.hmtabSection__tabwrap .tabwrap__twlcml ul li:before{content: "\f061"; font-family: 'FontAwesome'; position: absolute; left: 0; top:9px; font-size: 16px; color:#000000;}

.expertise_list ul li {position: relative; padding-left: 23px;}
.expertise_list ul li:before{content: "\f061"; font-family: 'FontAwesome'; position: absolute; left: 0; top:9px; font-size: 16px; color:#000000;}

.hmtabSection__tabwrap .resp-tab-content{ border: 0 !important; min-height: 528px;}

.hmtabSection__tabwrap .tabwrap__twlcml a{padding: 0 50px; background:#fdb913; font-family: 'atlanbold';}
.hmtabSection__tabwrap .tabwrap__twlcml a:hover{ background:#fe5e20; }
.awardsSection{ background: #f4f5f2; padding:55px 0; text-align: center; }
.awardsSection h2{ font-size: 44px; color: #000; margin: 0 0 35px 0;}
.awardsSection ul{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.awardsSection ul li{ list-style-type: none; opacity: 0.7; }


@-webkit-keyframes shine {
  50%{
    left: 125%;
  }
  100% {
    left: -125%;
  }
}
@keyframes shine {
  50%{
    left: 125%;
  }
  100% {
    left: -125%;
  }
}


/*======================= Service page =================*/
.serviceTopsection{}
.serviceTopsection .page_container{ max-width: 1320px; }
.serviceTopsection .resp-tabs-container{ background: inherit !important; }
.serviceTopsection h1{font-family: 'atlanblack'; text-transform: uppercase; font-size: 50px; color: #000; text-align: center; margin: 40px 0 20px;}
.serviceTopsection .page_container > h2{font-family: 'atlanblack'; text-transform: uppercase; font-size: 45px; color: #393a62; text-align: center; margin-bottom: 10px; margin-top: 0;}
.serviceTopsection .page_container > p{ font-size: 17px; line-height: 22px; color: #000; text-align: center; }
#serviceParentTab{ padding-top: 50px; }
#serviceParentTab > ul{ text-align: center; padding-bottom: 35px; }
#serviceParentTab > ul > li{ display: inline-block; text-align: center;float: none; border: 1px solid #ededed; background: #FFF;  padding: 0 !important; width: 335px; box-sizing: border-box; margin: 0 10px; border-radius: 10px; overflow: hidden; }
#serviceParentTab > ul > li a{ display: block;padding: 42px 55px; color: #7c7d94; text-transform: uppercase; font-size: 34px;font-family: 'atlanbold'; text-align: left;background: #FFF }
#serviceParentTab > ul > li a span{font-family: 'atlanregular'; font-size: 17px;  }
#serviceParentTab > ul > li.resp-tab-active{ border-color: transparent !important; background: #fe5e20 !important; }
#serviceParentTab > ul > li.resp-tab-active a{ color: #FFF; background: #fe5e20 !important;}
#serviceParentTab .resp-tab-content,
.serviceChildTab > .resp-tabs-container{ border: 0 !important; }

.serviceChildTab >  ul.resp-tabs-list  > li{  text-align: center; border: 0; box-sizing: border-box; padding:4px 0 !important; border-radius: 10px; overflow: hidden; background: none !important; }
.serviceChildTab > ul > li > a{font-family: 'atlanlight'; font-size: 22px; color: #000; display: block; padding: 8px 25px; box-sizing: border-box; border-radius: 20px; text-align: left;}
.serviceChildTab > ul > li.resp-tab-active{padding:4px 0 !important; border: 0 !important; background: inherit !important;}
.serviceChildTab > ul > li.resp-tab-active > a{ background: #6689ff; color: #FFF; font-weight: normal;}

#serviceParentTab .resp-vtabs > ul.resp-tabs-list{ width: 30%; padding-top: 30px; max-width: 320px; box-sizing: border-box; }
.serviceChildTab > .resp-tabs-container{}
.serviceChildTab .tab_identifier_child{  }
.serviceChildTab .tab_identifier_child > aside{  width: 59%; float: right; padding-top: 25px; }
.serviceChildTab .tab_identifier_child > aside:first-child{width: 38%;float: left; padding-top: 0; }
.serviceChildTab .tab_identifier_child aside p{font-size: 18px; color: #000000; font-weight: lighter;  line-height: 28px;}
.serviceChildTab .tab_identifier_child aside ul li{ 
    position: relative;
    padding-left: 23px;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
}
.serviceChildTab .tab_identifier_child aside ul li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 16px;
    color: #000000;
}

.vdoClmsec{  padding: 45px 0; }
/*.vdoClmsec__leftcntn{ width: 57.604%; background: url('../../images/bluetexture.png') repeat left top; border-radius: 0 25px 25px 0; display: flex; align-items: center; justify-content: flex-end;}
.vdoClmsec__leftcntn > div{ width: 100%; max-width: 930px; float: right; }
.vdoClmsec__leftcntn h2{ font-size: 70px; color: #FFF; margin: 0; text-transform: uppercase; }
.vdoClmsec__leftcntn h4{ font-size: 40px; color: #FFF;margin: 0; text-transform: uppercase;   }
.vdoClmsec__ritvideo{ width: 40.677%; }
.vdoClmsec__ritvideo iframe{ width: 100%; max-width: 601px; height: 411px; border-radius: 25px; }*/

.clientComments{ padding-bottom: 50px; }
.clientComments .page_container{ max-width: 1170px; }
.clientComments h2{ font-size: 50px; color: #000; text-transform: uppercase; text-align: center; }
.clientComments__wrap{ display: flex;justify-content: space-between; flex-wrap: wrap; }
.clientComments__wrap > div{width: 32%; border: 1px solid #dddddd; border-radius: 8px; padding: 30px; box-sizing: border-box; margin: 15px 0; text-align: center;}
.clientComments__wrap > div h5{font-family: 'atlansemi_bold'; font-size: 22px; color: #000; margin-top: 0;}
.clientComments__wrap > div p{font-size: 15px;line-height: 22px; color: #636363;}
.clientComments__wrap > div span{ font-size: 15px;line-height: 22px; color: #404040; font-weight: 500;}

.clientComments__badge{ width: 100%; text-align: center; margin-bottom: 40px;}
.clientComments__badge img{ }

/*========================contact us=====================*/
.getinTouch4contactUs h2{color: #393a62; font-size: 45px;}
.getinTouch4contactUs {background:none;  overflow: hidden; padding: 0 0 70px;}
.getinTouch4contactUs:before {display: none;}

.getinTouch4contactUs .mc-field-group {width: calc(50% - 20px); float: left; padding: 0 10px;}
.getinTouch4contactUs h3 {Font-size: 42px;
  margin: 0;
  display: block;
  color: #393a62;
  width: 100%;
  overflow: hidden;}
.getinTouch4contactUs p {margin: 0; font-size: 16px;}
.getinTouch4contactUs label {    margin-bottom: 7px;
  font-size: 16px;
  font-weight: 600;
  color: #393a62;
  line-height: 2;
  text-transform: capitalize;}

.getinTouch4contactUs .mc-field-group-message {width: calc(100% - 20px); float: none;}

.topAddSec h2{
	margin-bottom: 10px;
}

.topAddSec {
    padding: 0 0 35px;
}

.topAddSec h2 span a{ color: #393a62;}
.topAddSec h2 span a:hover{ color: #fe5e20;}

/*========================footer=====================*/
.footerPart { background: #222342; padding:70px 0 65px; text-align: center;  }
.footerPart .inner_container{ max-width: 100%; padding:0;}
.footerPart a.footerlogosec{ margin-bottom: 25px; display: inline-block; }
.footerPart h5{font-family: 'atlansemi_bold';  font-size: 20px; margin-top: 0; color:#ffffff; text-transform: uppercase;}



.footerPart input[type="email"]{
  width:calc(100% - 83px);
  border:none;
  box-sizing: border-box;
  height: 50px;
  padding: 0 19px;
  font-size: 14px;
  color: #000000;
  text-transform: capitalize; border-radius:30px 0 0 30px;
  font-weight: 400;  background:#ffffff; display: inline-block; vertical-align: top;
}

.footerPart button[type="submit"]{ font-size:20px; display: inline-block; vertical-align: top; color:#ffffff; background: #393a62; font-weight: 400; width: 70px;height: 50px; border-radius:0 30px 30px 0; margin:0; margin-left: -4px; text-shadow: none; box-shadow:none;}
.footerPart button[type="submit"]:hover{ background: #f78469;  }

.footerPart input::-webkit-input-placeholder{ color: #000000;}
.footerPart input::-moz-placeholder{color: #000000;}
.footerPart input:-ms-input-placeholder{ color: #000000;}
.footerPart input:-moz-placeholder{color:#000000;}

a.officemail{ font-size: 18px; font-weight: 500; color: #ffffff; display: inline-block; vertical-align: top; margin: 0 0 12px; font-weight: 500;}
a.officemail:hover{ color:#f78469; }

.footerPart li { display: inline-block; vertical-align: top;     margin: 15px 20px 0;}
.footerPart li a { border-radius: 100%; text-align: center; color:#ffffff; display: inline-block; vertical-align: middle; font-size: 18px; text-transform: capitalize;}
.footerPart li a i { line-height: 46px; }
.footerPart li a:hover {opacity: 0.7;}

.wow-skype-buttons-wrapper {
  position: relative;
  clear: both;
  text-align: left;
  cursor: pointer;
  color: #00adef !important;
  font-size: 15px !important;
  border: 1px solid #00adef;
  border-radius: 50px;
  padding: 12px 30px;
  display: inline-block;
  margin-top: 30px;
}


.unlimitedCreativity__left .wow-skype-buttons-status-skype {
  position: relative;
  clear: both;
  text-align: center;
  cursor: pointer;
  color: #00adef !important;
  font-size: 15px !important;
  border: 0;
  border-radius: 0;
  padding: 3px 19px;
  display: inline-block;
  margin: 0;
}

.unlimitedCreativity__left .wow-skype-buttons-icon {margin: 0;}

.unlimitedCreativity__left .wow-skype-buttons-icon {margin-top: -6px;}

.wow-skype-buttons-arrow {display: none !important;}
.wow-skype-buttons-icon {margin-right: 6px !important;}  

.wow-skype-buttons-container {
  top: 28px !important;
  padding: 0 28px;
}

.unlimitedCreativity__left .wow-skype-buttons-wrapper {margin-left: 0;}

.tms_logo {margin-top: 48px !important;}

/* ============copyright============ */
.copyrightPart{border-top:1px solid #393a5e; padding:16px 15px; text-align: center; background: #222342; box-sizing: border-box;}
.copyrightPart p{ font-size: 14px; color:#6a6a81; padding:0; }
.copyrightPart p a{ color:#ffffff; }
.copyrightPart p a:hover{color:#6a6a81;}



/* ============Blog============ */
.postListingpage{padding-bottom: 50px;}
.postListingpage__leftContainer,
.postDetailspage__leftContainer{ width: 70%; float: left; padding-right: 20px; box-sizing: border-box; } 
.postListingpage__leftContainer .blgListbox{ width: 100%; float: left; clear: both; padding: 15px 0 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.postListingpage__leftContainer .blgListbox > a{ 
  float: none;
  width: calc(36% - 25px);
  text-align: center;
  border-radius: 20px;
}

.postListingpage__leftContainer .blgListbox > a img {width: 100%; border-radius: 20px;}

.postListingpage__leftContainer .blgListbox > div{ width: 64%; }
.postListingpage__leftContainer .blgListbox > div.cntnBx{ width: 100%; }
.postListingpage__leftContainer .blgListbox h3{ font-weight: 500; font-size: 25px; color: #000;    margin: 0; }
.postListingpage__leftContainer .blgListbox h3 a{ color: #393a62; }
.postListingpage__leftContainer .blgListbox h3 + span{ 
    font-size: 14px;
    font-weight: 300;
    background: #fdb913;
    color: #ffeded;
    padding: 2px 12px 2px 5px;
    margin-top: 10px;
    display: inline-block;
}
.archiveListingpage h1 {
  font-size: 30px;
  background: #53c9ef;
  display: inline-block;
  padding: 14px 50px;
  border-radius: 170px;
  color: #fff;
  font-weight: 100;
}
.postListingpage__leftContainer .blgListbox h3 + span a{ color: #FFF; text-decoration: underline; }
.postListingpage__leftContainer .blgListbox p{ font-size: 16px; line-height: 20px; color: #000; }
.postListingpage__leftContainer .blgListbox a.rmbttn{ padding: 0 30px; line-height: 48px; }
.postListingpage__rigtSidebar,
.postDetailspage__rigtSidebar{ width: 28%; float: right; padding-left: 15px; box-sizing: border-box; }


.postDetailspage{ padding-bottom: 50px;}
.postDetailspage h2{ font-size: 25px; font-weight: 500; }
.postDetailspage h3{ font-size: 25px; font-weight: 500; }
.postDetailspage h4{ font-size: 20px; font-weight: 500; }
.postDetailspage p{ font-size: 16px; line-height: 30px; font-weight: 400; }
.postDetailspage a{ color: #ef5c23; }
.postDetailspage a:hover{text-decoration: underline; color: #000; }

.postDetailspage__leftContainer h1{
  font-size: 45px;
  color: #393a62;
  text-transform: uppercase;
  font-family: 'atlanblack';
  line-height: 1.3;
  margin: 0 0 30px;
}

.postListingpage__leftContainer .blgListbox h3{
  font-size: 28px;
  color: #393a62;
  text-transform: uppercase;
  font-family: 'atlanblack';
  line-height: 1.3;
  margin: 0;
}

.postDetailspage__leftContainer ul li {font-size: 16px; line-height: 30px; font-weight: 400; padding: 0 0 15px 12px; position: relative; } 

.postDetailspage__leftContainer ul li::before {content: "\f0da";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
  color: #fe5e20;
}

.postDetailspage__leftContainer .nav-previous {width: 50%; float: left; font-size: 14px;}
.postDetailspage__leftContainer .nav-next {width: 50%; float: right; font-size: 14px; text-align: right;}
.postDetailspage__leftContainer .meta-nav {display: block; font-weight: 600; font-size: 32px; font-family: 'atlanblack'; position: relative;}
.post-navigation {border-top: 1px dashed #ef5c23; margin-top: 25px; padding-top: 25px;}
.post-navigation h2 {display: none;}
.postDetailspage__leftContainer .nav-previous .meta-nav::before{content: "\f0d9";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 35px;
  color: #fe5e20;}

  .postDetailspage__leftContainer .nav-previous .meta-nav{padding-left: 30px;}

  .postDetailspage__leftContainer .nav-next .meta-nav{padding-right: 30px;}

  .postDetailspage__leftContainer .nav-previous .meta-nav::before{content: "\f0d9";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 35px;
    color: #fe5e20;}

  .postDetailspage__leftContainer .nav-next .meta-nav::before{content: "\f0da";
      font-family: 'FontAwesome';
      position: absolute;
      right: 0;
      top: 1px;
      font-size: 35px;
      color: #fe5e20;}

  .postDetailspage__rigtSidebar h2, .postListingpage__rigtSidebar h2 {font-size: 40px;
    color: #393a62;
    text-transform: uppercase;
    font-family: 'atlanblack';
    line-height: 1;
    margin: 30px 0 20px;
  }

  .postDetailspage__leftidebar .highlight_box{font-size: 20px;
    border-left: 3px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding: 50px;
    line-height: 28px;
    margin: 45px 0 50px;
    display: block;}

  .postDetailspage__rigtSidebar ul li, .postListingpage__rigtSidebar ul li {
    margin-bottom: 10px;
    padding-left: 12px;
    position: relative;
  }

  .postDetailspage__rigtSidebar ul li::before, .postListingpage__rigtSidebar ul li::before{
    content: "\f0da";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 15px;
  color: #fe5e20;

  }

  .postDetailspage__rigtSidebar ul li a, .postListingpage__rigtSidebar ul li a {
    color: #ef5c23;
    font-size: 16px;
    font-weight: 500;
	line-height:26px;
  }


/* ============404============ */
/*.error-404{ text-align: center;  }
.error-404 h1{ font-size: 35px; text-transform: uppercase; margin-bottom: 0; }
.error-404 h1 span{ font-size:75px; font-weight: 600; color: #e41e26; }
.error-404 p{ margin: 0; }*/

/*==================------portfolio Page------==================*/
.portfolioListingpage__intro{ text-align: center; padding: 35px 0 40px 0; clear: both;}
.portfolioListingpage__intro h1{
    font-family: 'atlanblack';
    text-transform: uppercase;
    font-size: 50px;
    color: #000;
    text-align: center;
    margin: 40px 0 20px;
}
.portfolioListingpage__intro p{
  font-size: 17px;
  line-height: 22px;
  color: #000;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}
.portfolioListingpage__containholder{ display: flex; /*align-items: flex-start;*/ justify-content: space-between; flex-wrap: wrap;padding-bottom: 70px;}
.portfolioListingpage__containholder > article{ width: 32.5%; background: #FFF; border-radius: 25px; border:1px solid #e8e8eb; border-bottom: 5px solid #e8e8eb; margin-bottom: 25px; /* display: flex;  flex-wrap: wrap;  align-items: center;*/}
.portfolioListingpage__containholder > article .thumbnailImg{ padding-bottom: 25px;}
.portfolioListingpage__containholder > article .thumbnailImg img{border-radius: 25px; width: 100%; height: auto; max-width: inherit;}
.portfolioListingpage__containholder > article h3{ font-family: 'atlanbold'; /*font-family: 'atlansemi_bold';*/ font-size: 26px; color: #30313b; margin: 0 0 15px 0; font-weight: normal; padding: 0 5%; text-transform: uppercase;}
.portfolioListingpage__containholder > article h3 a{ color: #30313b;}
.portfolioListingpage__containholder > article p{ font-size: 16px; font-weight: 300; color: #7c7d94; line-break: 20px;  padding: 0 5%;}
ul.portfolioListingpage__list{padding: 0 5% 25px 5%;}
.portfolioListingpage__list li{ list-style-type: none; display: inline-block; vertical-align: middle; padding: 0 3px; }
.portfolioListingpage__button {text-align: center; width: 100%;}
.portfolioListingpage__button a.rmbttn{ background: #fdb913; margin-top: 30px;}
.portfolioListingpage__button a.rmbttn:hover{background: #000;}}

.getinTouch .response, .getinTouch .response a {color: #fff; Font-size: 14px; text-transform: capitalize; margin-bottom: 10px;}
#mc_embed_signup div.mce_inline_error {background-color: #e61a1a !important; color: #fff; border-radius: 20px; margin-top:5px !important;}

/*==================================================
================== RESPONSIVE ======================
====================================================*/
/*.slick-slide{ height: auto; }
.mnulogo{ position: absolute; top: 0;  width: 100%; left: 0;  background: #ffffff; z-index: 100;}
.mnulogo img{max-width: 145px; padding: 15px;}
.mnulogo + div{padding: 22px 0 60px 0;}
.fttMnu{position: fixed; width: 100%; background: #404040; top:100%; left: 0; text-align: center; padding: 10px 0 20px 0; border-top: 1px solid #565656; margin-top: 86px;}
.fttMnu a{ font-size: 17px;  color: #c1c1c1; display: block;  font-weight: 300;}
.fttMnu > a{ margin: 4px 0; }
.fttMnu a:hover{ color: #FFF; }
.fttMnu ul li{ 
    list-style-type: none;
    display: inline-block;
    margin: 0 6px;
    width: 35px;
    height: 35px;
    border: 1px solid #CCC;
    line-height: 35px;
    border-radius: 50%;
}
.fttMnu ul li a:hover{ background:#000;   }
.mob-menu-slideout-over .mobmenu_content{ padding-bottom: 7%; }
body .mobmenu-content{ padding-top: 42px;}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel{ overflow: inherit !important; }
body .mobmenu-content li{    font-size: 17px;}
body .mobmenu-content #mobmenuleft > li > a:hover{    background-color: #efefef;}
body .mobmenu-content #mobmenuleft .sub-menu{background-color: #9e9e9e;}
body .mobmenu-content #mobmenuleft .sub-menu li{ font-size: 15px; }
body .mobmenu-left-panel .mob-cancel-button{color: #f27b7f;  margin-top: 19px;}
body .mobmenu-content #mobmenuleft > li.current_page_item > a{background-color: #efefef;}


@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .headerWrap__navigation ul li{font-size: 16px;}
  .bannerWrap__quotefrm__frm{ padding: 20px; }
  .bannerWrap__quotefrm__frm p{ margin: 0; }
  .bannerWrap__caption h1{ font-size: 85px; line-height: 78px; }
  .bannerWrap__caption h4{ font-size: 52px; line-height: 52px;}
  .bannerWrap__caption > div{margin-top: -35px;}
  .bannerWrap__quotefrm__frm input[type="text"], .bannerWrap__quotefrm__frm input[type="email"], .bannerWrap__quotefrm__frm input[type="tel"], .bannerWrap__quotefrm__frm select{ margin-bottom: 6px; }
  .saveaddRow h3, .overlayClumnwrap__cntn h3, .arriveBgarea__hlfdv > div h3{ font-size: 45px; line-height: 42px;}
  .saveaddRow h3 span{ font-size: 28px; }
  .cmmonbannerWrap__content h1{ font-size: 60px; }
}*/
@media only screen and (max-width: 767px) {
 /* .headerWrap__navigation, .headerWrap__logo{ display: none; }
  .mob-menu-left-panel .mobmenu-left-bt, .mob-menu-right-panel .mobmenu-right-bt{ line-height: 25px;  font-size: 25px;  top: 12px !important;  right: 8px !important;}
  body .mob-cancel-button{ font-size: 22px !important;  }
  body .mob-menu-slideout-over .mobmenu_content{ background: #3195e1; }
  body #mobmenuleft > li{ background:#3195e1; margin-bottom: 2px; }
  body #mobmenuleft > li > ul > li{ border-bottom: 1px dashed #5bb3f7 }
  .col-6, .col-4, .col-3{ width: 100%; padding: 0; }*/
  .col-3, .col-4, .col-6, .col-12{ width: 100%; }

  .about__home__left, .about__home__right, .unlimitedCreativity__left, .unlimitedCreativity__right,
  .portfolio__work, .ho_portfolioCarousel,
  .portfolio__picture, .portfolio__project, .portfolio__left, .portfolio__right,
  .responsiveWeb__design__left, .responsiveWeb__design__right{ width: 100%; }
  .about__home__right h1{ font-size: 25px; line-height: 36px; margin-top: 30px;}
  
  .about__home__right .about__home_contact span{    font-size: 32px;}

  .bannerWrap__caption h2{ font-size: 20px;   line-height: 22px; }
  .bannerWrap__caption p, .bannerWrap:after{    font-size: 11px; display: none;}
  .bannerWrap__caption a.rmbttn{padding:0 22px; font-size: 12px; line-height: 30px; }
  .bannerWrap.slick-initialized .slick-dots{ transform: inherit; right: 0; }
  .bannerWrap.slick-initialized .slick-dots li button:before{ left: -17px; top: 17px;width: 20px; }
  .bannerWrap__caption{ top: 0; }

  .portfolio__home .portfolio__area{ background-size: 100% auto; }
  .design__home__area{padding-left: 0;    max-width: inherit;}
  .hmtabSection__tabwrap{ padding-left: 0; }
  .hmtabSection__tabwrap.resp-vtabs > .resp-tabs-container{ width: 100%; }
  .hmtabSection h2{    font-size: 19px !important; text-align: left;}
  .hmtabSection h2 a{color: #000;}
  h2.resp-accordion{    border-top: 1px solid #c1c1c1;}
  .hmtabSection__tabwrap .tabwrap__twlcml > div:first-child,
  .hmtabSection__tabwrap .tabwrap__twlcml > div{ width: 100%; }
  .hmtabSection__tabwrap .tabwrap__twlcml a{ padding: 0 30px; }
  .ho_portfolioCarousel .slideItem{ padding-left: 0; }
  .portfolio__picture .prftfolio__img{ position: static; width: 100%; max-width: inherit; }
  .portfolio__left{ display: flex;align-items: center;    justify-content: space-between; }
  .portfolio__left p{ margin-top: 0; max-width: 120px; }
  .portfolio__colorbox .box{ position: static; float: left; margin-left: 6px; width: 26%; padding-top: inherit;}


  .unlimitedCreativity__left h2{ font-size: 26px; }
  .unlimitedCreativity__left h3{ font-size: 27px; }
  .unlimitedCreativity__left span{ font-size: 22px; display: block; padding-top: 10px; width: 72%;}

  .our__development{padding: 23px 0; }
  .our__development h1{ font-size: 30px; }
  .our__development__pic img{}
  .our__development p, .awesomeClient__area p{ font-size: 14px; line-height: 18px;    margin: 0 auto 20px;}
  .our__development__box{position: static !important; width: 100% !important; margin-bottom: 12px; padding: 25px 15px; display: inline-block; vertical-align: top; margin: 10px 1%; }
  .our__development a.rmbttn{    margin-top: 30px;}

  .responsiveWeb{    padding: 35px 0;}
  .responsiveWeb__design__left h3{    line-height: 39px; font-size: 30px;}
  .responsiveWeb__design__left h3 span{ font-size: 34px; }

  .recentBlog__picture{ height: auto; }
  .recentBlog__textArea p{ line-height: 20px; }
  .recentBlog__textArea{ padding: 18px; }
  .recentBlog ul li{ text-align: center; padding-bottom: 25px;}
  .recentBlog ul li a.rmbttn{ position: static;    transform: inherit;    margin-top: 8px;  }
  .awesomeClient__area h2, .recentBlog h2, .getinTouch h2{ font-size: 25px; line-height: 35px; }
  .getinTouch h2 span{ font-size: 15px; }
  .responsiveWeb__design__left{ padding: 0; text-align: left; }
.getinTouch4contactUs h3 {Font-size: 30px;}	

  .unlimitedCreativity__left:before{ display: none; }
  .unlimitedCreativity__left{ padding: 30px 12px; min-height: auto;    border-radius: 12px; margin-bottom: 15px; }
  .unlimitedCreativity__right{min-height: auto; }
  .unlimitedCreativity__right video{ width: 100%; height: 250px; margin-top:0px; }
  .about__home__right .about__home_contact{ margin-top: 15px; }
  .about__home__right .about__home_contact, .about__home__right .about__home_contact span{ font-size: 24px;}

   .design__home {padding: 35px 0;} 
  .design__home__area h2{    font-size: 25px;  line-height: 28px;}
  .design__home__application{padding: 12px 0;}
  .design__home .page_container > div:nth-child(2){ background: #fe5e20; margin-bottom: 20px;}
  .design__home__area{ padding-top: 15px; }
  .design__home__box:before, .page_container:after{ width: 100%;  left: 0 !important;   height: 6px; }

  .hmtabSection__tabwrap{ background:none;  }
  .hmtabSection{padding: 35px 0;} 
  .awesomeClient__slider .logoFlexbx > div{ width: 33%; }
  .footerPart li a { width: 100%; height: auto; font-size: 12px; }
  .tms_logo {margin-top: 52px !important;}

  .footerPart li {margin: 15px 10px 0;}
  .footerPart li a i{ line-height: 38px; }
  .footerPart{ padding: 35px 0; }
  .copyrightPart p{ margin: 0; }
  .copyrightPart{    padding: 15px;}
  .getinTouch input[type="text"], .getinTouch input[type="email"], .getinTouch input[type="tel"], .getinTouch input[type="number"], .getinTouch input[type="date"], .getinTouch textarea{ height: 40px; }
  .getinTouch textarea{height: 220px;}
  a.rmbttn, input[type="submit"]{ padding: 0 50px; line-height: 40px; font-size: 14px; }
  .recentBlog{ padding: 40px 0; }
  .recentBlog ul{ padding-top: 25px;}

  .awesomeClient{padding: 30px 0 30px;}
  .awesomeClient__area{    position: static; padding: 30px 15px;}
  .responsiveWeb__design{    padding-top: 25px;    margin: 0 auto 0;}
  .responsiveWeb__design__right p, .about__home__right p{font-size: 15px; line-height: 22px;}
  .responsiveWeb__design__right{    padding: 15px 0;}
  .portfolio__project{    padding: 0;}
  .portfolio__colorbox{ width: 100px; }
	.portfolio__work{margin-bottom: 30px;}
  .ho_portfolioCarousel .slideItem{ padding-bottom: 0; }

  .design__home .col-3{ width:100%; margin: 10px 0;}
  .design__home__application,
  .design__home .page_container > div:nth-child(2){ background:none; position: relative; }
  .design__home__area.desing__home_dev span, .design__home__area.desing__home_dev h2, .design__home__area.desing__home_dev p{ color: #000; }
  .design__home .page_container > div:nth-child(2):before { position: absolute; width: 100%; height: 6px; background: #fe5e20; left: 0;top: 0; content: ""; }
  .hmtabSection__tabwrap .tabwrap__twlcml p{ font-size: 15px; line-height: 22px;}
  .hmtabSection__tabwrap .tabwrap__twlcml ul li{ font-size: 16px; }

  .portfolio__work p, .portfolio__right p{ margin-bottom: 22px;  font-size: 15px; line-height: 20px;}
  .portfolio__right p{ margin-bottom: 8px; }
  .portfolio__work h3{ margin-top: 0; }
  .ho_portfolioCarousel{ padding-top: 25px; }
  .portfolio__right{ padding-left: 0; }
  .portfolio__right h4{ margin-bottom: 0; }
  .portfolio__home{ padding: 35px 0; }
  .inner_container.awesomeClient__text p{ font-size: 18px; line-height: 25px; }

  .cmmonbannerWrap:after{ display: none; }
  .innerBnner_Caption{ position: absolute;  bottom: 0; left: 0;}
  .innerBnner_Caption h1, .innerBnner_Caption h2{font-size: 24px; line-height: 30px; top: 0; position: static; width: 100%; color: #FFF; }
  .clientComments__wrap > div{ width: 100%; }
  .serviceTopsection .page_container > h2{ font-size: 30px; }

  h2.resp-accordion a{ font-size: 25px; color: #000; }
  .serviceChildTab .tab_identifier_child > aside:first-child{ display: none; }
  .serviceChildTab .tab_identifier_child > aside{ padding-top: 0; width: 100%; display: block; float: none; }
  .serviceChildTab .tab_identifier_child aside p{ font-size: 15px;     line-height: 22px; }
  .serviceChildTab .tab_identifier_child aside ul li{ font-size: 15px; }
  .serviceChildTab .tab_identifier_child a{ font-size: 20px; }
  .clientComments h2, .clientComments h2{ font-size: 30px; }

  .postListingpage__leftContainer, .postDetailspage__leftContainer{ width: 100%; box-sizing: border-box; }
  .postListingpage__rigtSidebar, .postDetailspage__rigtSidebar{ width: 100%; box-sizing: border-box; padding: 0; margin-top: 25px; }
  .postListingpage__leftContainer .blgListbox > a, .postListingpage__leftContainer .blgListbox > div{ width: 100%; }
  .postListingpage__leftContainer .blgListbox h3{ font-size: 20px;     margin-top: 20px; }
  .postListingpage__leftContainer .blgListbox p{ font-size: 14px; line-height: 18px; }
  
  .portfolioListingpage__containholder > article {
    width: 100%;}
	.getinTouch4contactUs .mc-field-group{width: calc(100% - 20px);float: none;}
	.awesomeClient__slider .slick-slide{width: 100% !important;}
	.serviceTopsection h1, .portfolioListingpage__intro h1{font-size: 30px; margin: 10px 0 20px;}
	.page-id-213 h2{    font-size: 30px; line-height: 40px;}
	.serviceTopsection {margin-top: 27px;}
	  
}

@media only screen and (max-width: 340px) {
   .tms_logo {margin-top: 20px !important;}
}

@media only screen and (min-width: 500px) and (max-width: 767px){
  .bannerWrap__caption__textarea{ margin-left: 0; max-width: 80%; }
  .bannerWrap__caption p{ display: inline-block; }
  .our__development__pic{ position: static; max-width: 100%;transform:inherit;}
  .postListingpage__leftContainer .blgListbox > a{    width: calc(36% - 25px);}
  .postListingpage__leftContainer .blgListbox > div{    width: 64%;}
  .postListingpage__leftContainer .blgListbox h3{ text-transform: capitalize; font-size: 17px; }
    .portfolioListingpage__containholder > article {
    width: 100%;}
	
 }

@media only screen and (min-width: 768px) and (max-width: 1200px){
  .bannerWrap:after{ display: none; }
  .bannerWrap__caption h2{    font-size: 30px;line-height: 35px;}
  .bannerWrap__caption p{font-size: 17px;margin-bottom: 24px;    margin: 10px 0;}
  .bannerWrap__caption{ top: 0 }
  .headerWrap{ position: static;background: #161728;    padding-bottom: 12px; }
  .headerWrap__logo{    max-width: 150px;}
  .headerWrap__right{    width: calc(100% - 155px);}
  .headerWrap__navigation ul.headerWrap__navigation__getfree li a.rmbttn{font-size: 14px; padding: 0 22px;}
  .headerWrap__navigation ul.headerWrap__navigation__getfree li{    padding: 0;}
  .headerWrap__navigation ul li{    padding: 0 11px;}
  .about__home__right h1{ font-size: 27px; line-height: 30px; }
  .about__home__right p{ font-size: 14px; font-size: 1.4rem; line-height: 25px; }
  .about__home__right .about__home_contact{  position: absolute;  left: 50%; bottom: 0;}
  .our__development__box{ position: static !important;  margin: 10px 0; width: 100% !important;}
  .our__development__pic{ transform: inherit; max-width:100%; left: 0; }
  .our__development a.rmbttn{    margin-top: 20px;}
  .our__development{    padding: 30px 0 80px;}

  .hmtabSection__tabwrap{    padding-left: 0; background:none;}
  .hmtabSection__tabwrap.resp-vtabs > .resp-tabs-container{ width: 100%; }
  .hmtabSection h2{ font-size: 28px; }
  .hmtabSection h2 a{ color: #000000; }

  .portfolio__home .portfolio__area{max-width: 100%; background-size: 90% auto; }
  .portfolio__work, .ho_portfolioCarousel{ width: 100%;margin-bottom: 25px; }
  .ho_portfolioCarousel .slideItem{ padding-left: 0;padding-bottom: 0; }
  .portfolio__left, .portfolio__right{ width: 100%; }
  .portfolio__left p{margin-top: 0; max-width: 30%; float: left;}
  .portfolio__colorbox{ position: relative; width: 60%;  float: left;}
  .portfolio__colorbox .box{ position: static; width: 30% !important; float: left; margin-left: 3%; }
  .portfolio__right h4{ margin-bottom: 10px;}

  .design__home .col-3{ width:100%; margin: 10px 0;}
  .design__home__application{ background:none; }
  .design__home__area.desing__home_dev span, .design__home__area.desing__home_dev h2, .design__home__area.desing__home_dev p{ color: #000; }
  .design__home .page_container > div{ position: relative;     }
   .design__home .page_container > div > div{ padding-top: 20px !important; padding-bottom: 0;   padding-left:0;}
  .design__home .page_container > div:nth-child(2):before {
      position: absolute;
      width: 235px;
      height: 3px;
      background: #fe5e20;
      left: 0;
      top: 0;
      content: "";
  }
  .design__home__area{ max-width: 100%; }

  .unlimitedCreativity__left{padding: 40px 30px 40px 0;  min-height: 318px;}
  .unlimitedCreativity__left h2{ font-size: 37px; }
  .unlimitedCreativity__left h3{ font-size: 32px; }
  .unlimitedCreativity__left a.rmbttn{ padding: 0 30px;  line-height: 45px;  font-size: 14px;}
  .unlimitedCreativity__left span{font-size: 21px;}
  .unlimitedCreativity__right{ height: 318px; }
  .unlimitedCreativity__right video{  min-height: 318px; width: 100%;}
  .responsiveWeb{    padding: 90px 0 120px;}
  .recentBlog__picture{ height: auto; }
  .recentBlog__textArea{ padding: 12px; }
  .recentBlog__textArea p{ font-size: 14px; line-height: 18px; padding-bottom: 15px;}
  .bannerWrap__caption__textarea{ max-width: 620px; width: 100%;  margin-left: 0;}
  .bannerWrap.slick-initialized .slick-dots{ right: 15px; }

  .cmmonbannerWrap:after{ display: none; }
  .innerBnner_Caption{ position: absolute;  bottom: 0; left: 0;}
  .innerBnner_Caption h1, .innerBnner_Caption h2{font-size: 35px; top: 0; position: static; width: 100%; color: #FFF; }

  h2.resp-accordion a{ font-size: 25px; color: #000; }
  .serviceChildTab .tab_identifier_child > aside:first-child{ display: none; }
  .serviceChildTab .tab_identifier_child > aside{ padding-top: 0; width: 100%; display: block; float: none; }
  .serviceChildTab .tab_identifier_child aside p{ font-size: 15px;     line-height: 22px; }
  .serviceChildTab .tab_identifier_child aside ul li{ font-size: 15px; }
  .serviceChildTab .tab_identifier_child a{ font-size: 20px; }
  .clientComments h2{ font-size: 40px; }
		#serviceParentTab > ul > li {
    width: 231px;
}

#serviceParentTab > ul > li a{
    padding: 25px 25px;
    font-size: 22px;
}
	#serviceParentTab > ul {padding-bottom: 0;}
  
  .portfolioListingpage__containholder > article { width: 100%;}
  .design__home .col-3 { width: 33.3%; padding: 0 10px;}
  .design__home__area h2 {font-size: 21px; line-height: 30px;} 
  .design__home__area p {font-size: 14px; line-height: 25px;}

  .design__home {
    padding-top: 20px;
    padding-bottom: 0;
	
}

.hmtabSection__tabwrap .tabwrap__twlcml p {
  font-size: 14px;
  line-height: 25px;
}

.hmtabSection__tabwrap .tabwrap__twlcml ul li {
  font-size: 14px;
}

.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list li a {
  font-size: 18px !important;
}

.hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list {margin-top: 10px !important;     padding-top: 0;     width: 100%;     display: inline-flex;}


.hmtabSection__tabwrap .tabwrap__twlcml ul li::before {
  top: 6px;
  font-size: 13px;
}

.hmtabSection__tabwrap .resp-tab-content {
  min-height: 340px;
}

.portfolio__home {
  padding: 20px 0 20px;
}

.our__development h1 {
  font-family: 'atlanblack';
  font-size: 27px;
}

.our__development p {
  font-size: 14px;
  line-height: 25px;
}

.portfolio__right p {
  font-size: 14px;
  line-height: 25px;
}

.awesomeClient__area h2 {
  font-size: 27px;
  line-height: 25px;
}

.awesomeClient__area p {
  margin-bottom: 0;
  font-size: 14px;
}
.getinTouch4contactUs .mc-field-group{width: calc(100% - 20px);float: none;}	
	
	.awesomeClient__area{    padding: 50px 30px 30px;}	
	.awesomeClient__slider .slick-track{width: 100% !important;}
	.awesomeClient__slider .slick-slide{width: 50% !important;}
	.serviceTopsection .page_container > h2{font-size: 35px;}
	.serviceTopsection h1{font-size: 35px;}
	.portfolioListingpage__intro h1{    font-size: 40px;}
	.page-id-213 h2{font-size: 34px;}
	.getinTouch4contactUs h2 {font-size: 40px;}
	.postListingpage__leftContainer, .postListingpage__rigtSidebar{ width: 100%;     margin-top: 20px;}
	.postListingpage__leftContainer .blgListbox h3{    font-size: 20px;}
	
  
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
.about__home__right .about__home_contact{ position: absolute; left: 250px; }
 .hmtabSection__tabwrap.resp-vtabs > .resp-tabs-container{ width: 65%; } 
 .hmtabSection__tabwrap .tabwrap__twlcml > div:first-child{ display: none; }
 .hmtabSection__tabwrap .tabwrap__twlcml > div{ width: 100%; }
 .hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list{ padding-top: 0; }
 .hmtabSection__tabwrap.resp-vtabs > ul.resp-tabs-list li a{ font-size: 21px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
 .innerBnner_Caption h1, .innerBnner_Caption h2 {font-size: 78px;top: -320px;line-height: 0.85;width: 50%;}   

.bannerWrap__caption h2 {font-size: 70px; line-height: 70px;}
.fulMenuWrap__cntnarea {transform: scale(0.6);}

.portfolio__picture {
  width: 36%;
}
.portfolio__picture .prftfolio__img {
  top: 20px;
}

.portfolio__home .portfolio__area {
  padding-top: 40px;
}

.portfolio__home {
  padding: 50px 0 10px;
}

.our__development {
  padding: 135px 0 80px;
}

    
}

 /*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.hidden {display: none !important;}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
  /*
 * Hide visually and from screen readers, but maintain layout
 */

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after {clear: both;}

  /* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  /* Black prints faster:
    http://www.sanbeiji.com/archives/953 */
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {text-decoration: underline; }
  a[href]:after {content: " (" attr(href) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  abbr[title]:after { content: " (" attr(title) ")";}
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead { display: table-header-group; }
  tr, img {page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 {page-break-after: avoid; }
}