body {
font-family: 'open_sansregular';
font-size: 16px;
line-height: 25px;
}
@font-face {
font-family: 'open_sansbold';
src: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-bold-webfont.woff2) format('woff2'), url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto_reg';
src: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/Roboto-Regular.woff2) format('woff2'), url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/Roboto-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight';
src: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-light-webfont.woff2) format('woff2'), url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-light-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-regular-webfont.woff2) format('woff2'), url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold';
src: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-semibold-webfont.woff2) format('woff2'), url(//www.baselbrand.com/wp-content/themes/child-baselbrand/fonts/opensans-semibold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.topmenu {
background: #fff;
border: 0;
min-height: 60px;
margin-bottom: 0;
box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
}
.logoimg {
padding-top: 23px;
padding-bottom: 22px;
cursor: pointer;
}
.thumb-top {
width: 44px;
height: 44px;
border-radius: 50%;
}
ul.linkstop-right li a {
color: #000 !important;
text-transform: uppercase;  padding: 7px 13px;
cursor: default;
font-family: 'open_sansregular' !important;
}
ul.linkstop-right li a:hover {
color: #009f11 !important
}
ul.linkstop-right .active {color: #009f11 !important }
h1 {
margin: 0 0 15px 0;
font-family: 'open_sanssemibold';
font-size: 30px;
line-height: 30px;
}
h4 {
margin: 0 0 20px 0;
font-size: 22px;
line-height: 22px;
}
.one-row-container {
display: flex;
justify-content: space-between;
}
.item-box {
display: flex;
justify-content: center;
align-items: center;
padding: 50px;
color: white;
text-align: center;
height: 320px;
font-size: 21px;
font-family: 'open_sanslight';
}
.green-border-box {
border: 10px solid #92d187;
color: #333;
text-align: left;
font-size: 14px;
}
.green-border-box .box-title {
font-family: open_sansbold;
font-size: 16px;
}
.green-border-box .box-content {
font-family: open_sanssemibold;
margin-top: 20px;
line-height: 22px;
}
.darkblue-box {
background-color: #3863b1;
}
.lightblue-box {
background-color: #668ede;	
}
.gray-box {
background-color: #747474;
}
.cyanblue-box {
background-color: #3c4c63;
}
.w-30 {
width: 30%;
}
.w-33 {
width: 33%;
}
.w-40 {
width: 40%;
}
.w-48 {
width: 48%;
}
.w-59 {
width: 59%;
}
.w-68 {
width: 68%;
}
.top-image-text {
font-size: 15px;
line-height: 22px; 
}
.quote-text {
font-size: 30px;
line-height: 34px;
text-align: left;
}
.sub-title {
font-family: 'open_sansbold';
font-size: 16px;
line-height: 16px;
}
.paddingLeft30 {
padding-left: 30px;
}
.margintop30 {
margin-top: 30px !important;
}
.margintop40 {
margin-top: 40px;
}
.sprt37 {
margin-top: 30px;
}
.sketchmain {
background: #ced7e1;
padding-top: 100px;
padding-bottom: 100px;
}
.marginbtm0 {
margin-bottom: 0px !important;
}
.marginbtm50 {
margin-bottom: 50px !important;
}
.marginbtm80 {
margin-bottom: 80px !important;
}
.marginbtm100 {
margin-bottom: 100px !important;
}
.systemblock {
background: #a6ff7d;
padding-top: 100px;
padding-bottom: 100px;
}
.greentitle {
font-family: 'open_sanslight';
font-size: 45px;
line-height: 45px;
}
.subtitle-system {
font-size: 18px;
line-height: 27px;
margin-top: 35px;
}
.subtitle-system2 {
font-size: 17px;
line-height: 27px;
margin-top: 35px;
}
.system-sbutitle {
margin: 0 auto;
float: none;
}
.system-point {
margin: 0 auto;
float: none;
font-size: 18px;
padding-left: 15%;
vertical-align: top;
}
.system-point ul {
padding-left: 0;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
.title-grid {
font-size: 18px;
line-height: 18px;
font-family: 'open_sansbold';
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
color: #0b0f11;
}
.modularsystem {
background: #2b3542;
padding-top: 100px;
padding-bottom: 100px;
}
.visualsystem {
background: #0b0f11;
padding-top: 100px;
padding-bottom: 150px;
}
.whitetext {
color: #fff;
}
.marginbtm15 {
margin-bottom: 15px !important;
}
.menuvisual {
float: none;
margin: 0 auto;
}
.poos-view {
float: none;
margin: 0 auto;
width: 80%;
margin-bottom: 65px;
}
.threecolumn {
width: 857px;
}
.light-text {
font-weight: lighter; 
font-family: 'open_sanslight';
font-size: 18px;
line-height: 27px;
}
.participant-content {
padding: 10px 80px;
margin-top: 0px;
}
.participant-text {
font-weight: bold; 
font-family: 'open_sansregular';
font-size: 12px;
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}
.marginauto {
margin: auto;
}
.flex-container .item-box {
width: 226px;
}
.flex-container .image-item-box .description-text {
font-size: 16px;
font-family: 'open_sansregular';
line-height: 27px;
padding: 0px 15px 40px 15px;
}
.principletitle {
font-family: 'open_sansregular';
text-transform: none;
}
.principletitle a {
color: #fff;
}
.principletitle a:hover {
text-decoration: underline;
}
.exp-list {
color: #fff;
margin: 0 auto;
float: none;
position: relative;
left: 11%;
}
.exp-img ul {
margin: 0 auto;
padding: 0;
display: table;
}
.exp-img li {
float: left;
list-style: none;
padding: 0;
max-width: 281px;
}
.banner-topshow {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/banner-full.png);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/banner-parallex.png);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.coming-soon-paralax{
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/paralax-comingsoon-banner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.vorg-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-oceanrace.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.visa-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-visabanner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.toyota-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-toyotobanner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.citypal-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-citypal.jpg);
height: 778px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.parsons-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-parsonsbanner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.moroil-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-moroil-banner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.blackberry-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-blackberrybanner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.probuild-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-banner-3.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.knock-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-thecurebaner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.grfw-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-grfw-banner.png);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.fidelity-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-banner-2.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.fidelity-brokerage-banner-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/fidelity_brokerage_parallex.jpg);
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.fidelity-international-uk-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/filuk_fnw_element01.jpg);
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.page-parallex-header {
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.health-saving-account-topshow_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/hsa_element_01.jpg);
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.dynamicbanner-topshow_parallex {
background-image: url(http://baselbrand.com/wp-content/uploads/2019/06/Page_Banner_Dynamics.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.hse-banner_parallex {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/hse-banner-paralax.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.livesearchbanner-paralax {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/livesearchbanner-paralax.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.parotbanner-paralax {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parrotbanner-paralax.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.FILUK-banner-paralax {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/FILUK-banner-paralax.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.national-pen-paralax {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/paralax-comingsoon-banner.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.yahoo-paralax {
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/parallex-yahoo.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.HWS-banner-paralax{
background-image: url(https://www.baselbrand.com/wp-content/uploads/2018/04/BB_Sliders_HWS.jpg);
height: 740px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
max-width: 1400px;
margin: 0 auto;
}
.TS-banner-paralax{
background-image: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/bb_ts_01.jpg);
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1440px;
margin: 0 auto;
}
.gainkgo-banner-paralax{
background-image: url(https://www.baselbrand.com/wp-content/uploads/2023/11/BB_Sliders_Ginkgo.jpg);
height: 740px;
background-attachment: fixed;
background-position: center 60px;
background-repeat: no-repeat;
max-width: 1440px;
margin: 0 auto;
}
.video-container {
padding: 80px 120px;
}
.ts-title-section {
padding-top: 47px;
padding-left: 170px;
padding-right: 170px;
margin: auto;
max-width: 1440px;
}
.maintitle {
font-family: 'open_sanssemibold';
font-size: 27px;
line-height: 45px;
margin: 0px;
}
.subtitle {
margin: 0px;
font-family: 'open_sansregular';
font-size: 22px;
line-height: 45px;
margin-top: -10px;
}
.description-text {
font-size: 16px;
line-height: 27px;
margin-top: 20px;
}
.ts-greentitle {
font-family: 'open_sanslight';
font-size: 45px;
line-height: 45px;
margin-left: 100px;
}
.square-caret {
position: relative;
top: 10px;
}
.oslight {
font-family: 'open_sanslight';
}
.footer {
background: #20a613;
color: #fff;
font-family: 'open_sansbold';
font-size: 12px;
text-align: center;
padding-top: 16px;
padding-bottom: 22px;
margin-top:12px;
}
.footer a {
color: #fff;
}
.img100min {
min-width: 100%;
}
.img100Width {
width: 100%;
}
.img100max { }
.paddingright0 {
padding-right: 0 !important;
}
.paddingleft0 {
padding-left: 0 !important;
}
.posu {
margin-bottom: 65px;
}
.rainbg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/rainbg.png) repeat-x left top;
min-height: 40px;
margin-top: 40px;
padding-top: 6px;
}
.bannerfull {
margin-top: 60px;
}
.con-exp {
background: #dee3e5;
}
.homepnr {
margin-top: 25px;
}
.wireframes {
background: #85938f;
color: #fff;
padding-bottom: 150px;
}
.advnchart {
margin: 65px 0 10px 0;
font-family: 'open_sansbold';
}
.margintop0 {
margin-top: 0 !important;
}
.sliderbg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/sliderbg.jpg) repeat left top;
background-size: 100% 100%;
padding-top: 100px;
padding-bottom: 150px;
}
.marginbtm70 {
margin-bottom: 70px !important;
}
.marginbtm100 {
margin-bottom: 100px !important;
}
.sliderwrapper {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/ipadbg.png) no-repeat top center;
background-size: 100% 100%; padding: 8.8% 2.4% 7% 2.5%;
}
.sliderwrapper .carousel-control {
opacity: 1;
top: 43%;
}
.sliderwrapper .carousel-control.left, .sliderwrapper .carousel-control.right {
background-image: none
}
.sliderwrapper .carousel-control.left {
left: -25%;
}
.sliderwrapper .carousel-control.right {
right: -25%;
}
.sliderwrapper .carousel-inner > .item > a > img, .sliderwrapper .carousel-inner > .item > img {
margin: 0 auto;
}
.promotion {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/promotionbg.jpg) repeat left top;
padding-top: 100px;
padding-bottom: 150px;
}
.centerdiv {
margin: 0 auto;
float: none;
}
.process {
background: #dfe5ea;
padding-top: 100px;
padding-bottom: 100px;
}
.lightgray {
color: #666666;
}
.textgray {
color: #424242;	
}
.darkgray {
color: #333333;
}
.padding0 {
padding: 0;
}
.margintop50 {
margin-top: 50px !important;
}
.margintop65 {
margin-top: 65px !important;	
}
.margintop70 {
margin-top: 70px !important;	
}
.margintop80 {
margin-top: 80px !important;
}
.margintop100 {
margin-top: 100px !important;
}
.marginbtm30 {
margin-bottom: 30px;
}
.storyboard {
background: #676c75;
padding-top: 100px;
padding-bottom: 100px;
color: #fff;
}
.exploration {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/interfacebg.jpg) repeat left top;
background-size: 100% 100%;
padding-bottom: 100px;
}
.carousel-control {
opacity: 1;
top: 0%;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}
.carousel-control.left, .carousel-control.right {
background-image: none
}
.exploration .carousel-control.left {
left: 15%;
}
.exploration .carousel-control.right {
right: 15%;
}
.exploration .carousel-control .glyphicon-chevron-left, .exploration .carousel-control .glyphicon-chevron-right, .exploration .carousel-control .icon-next, .exploration .carousel-control .icon-prev {
font-size: 20px;
}
.indicators-cnt {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/indicatorbg.png) repeat;
color: #fff;
padding: 15px 26px;
border-radius: 40px;
max-width: 160px;
}
.indicators-cnt h3 {
font-family: 'open_sanssemibold';
margin: 0;
text-align: center;
font-size: 14px;
}
.expl-inner {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/expbg.png) no-repeat top left;
background-size: 100% 100%; padding: 3.1% 8.6% 3.4% 9.7%;
}
.newslider{	}
.newslider1 .carousel-inner{overflow: visible !important}
.newslider-indicators-cnt {
padding: 15px 26px;
border-radius: 40px;
max-width: 160px;
}	
.orangekitback{background:#dd304a;padding:10% 5% 10% 10%;color:#fff;}
.orangekitback h3{font-size:25px; font-weight:400;}
.orangekitback p{font-size:15px;}
.nopadding{padding:0px !important;}
.fd-inner {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/fdipadbg.png) no-repeat top left;
background-size: 100% 100%; padding: 4.6% 9.7% 5.3%;
}
.fdesign {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/mountain.jpg) no-repeat center top;
background-size: 100% 76%;
padding-top: 100px;
padding-bottom: 150px;
}
.fdesign .carousel-control.left, .fdesign .carousel-control.right {
background-image: none
}
.fdesign .carousel-control {
opacity: 1;
top: 0%;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}
.fdesign .carousel-control.left {
left: 15%;
}
.fdesign .carousel-control.right {
right: 15%;
}
.fdesign .carousel-control .glyphicon-chevron-left, .fdesign .carousel-control .glyphicon-chevron-right, .fdesign .carousel-control .icon-next, .fdesign .carousel-control .icon-prev {
font-size: 20px;
}
.personfd .carousel-control.left {
left: 15%;
}
.personfd .carousel-control.right {
right: 15%;
}
.personfd .carousel-control .glyphicon-chevron-left, .personfd .carousel-control .glyphicon-chevron-right, .personfd .carousel-control .icon-next, .personfd .carousel-control .icon-prev {
font-size: 20px;
}
.allproject {
margin-top: 90px;
}
.concept {
background: #5a626c;
padding-bottom: 100px;
padding-top: 100px;
}
.strbrd-block {
width: 23%;
}
.video-block {
padding-bottom: 100px;
padding-top: 130px;
}
.video-wrapper { }
.vdo-caption {
color: #666666;
font-size: 15px;
text-align: right;
font-family: 'open_sanslight';
margin: 18px 0 0 0;
}
.des-exp {
background: #e1edf9;
padding-bottom: 100px;
padding-top: 100px;
}
.cartoons {
margin-bottom: 0;
}
.cartoons li {
width: 10.8%;
text-align: center;
margin-bottom: 15px;
}
.logoDE {
margin-top: 90px;
}
.logoDE li {
vertical-align: top;
padding: 0 15px 15px 15px;
}
.appdesign {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/appdesignbg.jpg) repeat-x left top;
padding-bottom: 100px;
padding-top: 100px;
}
.mobile-inner {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/iphonebg.png) no-repeat top left;
background-size: 100% 100%; padding: 30% 9% 42% 9%; max-width: 400px;
margin: 0 auto;
}
.appdesign .carousel-control.left, .appdesign .carousel-control.right {
background-image: none
}
.appdesign .carousel-control {
opacity: 1;
top: 0%;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}
.appdesign .carousel-control.left {
left: 15%;
}
.appdesign .carousel-control.right {
right: 15%;
}
.appdesign .carousel-control .glyphicon-chevron-left, .appdesign .carousel-control .glyphicon-chevron-right, .appdesign .carousel-control .icon-next, .appdesign .carousel-control .icon-prev {
font-size: 20px;
}
.lineheight63 {
line-height: 63px;
}
.whtsupsubtitle {
color: #666666;
font-family: "open_sanslight";
font-size: 22px;
font-style: italic;
margin: 0 0 175px 0;
text-align: center;
}
.screenblock {
margin-bottom: 170px;
}
.font-size18 {
font-size: 18px;
}
.marginbtm150 {
margin-bottom: 150px;
}
.margintop15 {
margin-top: 15px;
}
.marginleft100{margin-left:100px;}
.lowfares {
position: relative;
margin-top: -4%;
}
.headache {
position: relative;
z-index: 1;
}
.pagelinks {
background: none !important;
cursor: pointer !important;
}
.dropdown-menu b{    padding: 7px 13px; color:#000000 !important; font-weight:700; margin-top:5px;}
.dropdown-menu-1 {overflow: scroll;    height: 500px;    overflow-x: hidden;}
.custom_margin {
margin-bottom: 150px;
}
.comunity {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/comunitybg.jpg) no-repeat center top;
padding-top: 100px;
padding-bottom: 100px;
min-height: 1246px;
margin-bottom: 100px;
}
.ambasador {
padding-bottom: 100px;
}
.ambimg {
padding-bottom: 100px;
}
.amb-title h1 {
font-size: 54px;
line-height: 60px;
word-break: normal;
color: #666666;
}
.amb-title h6 {
font-style: normal;
margin-bottom: 0
}
.mobileapp {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/appdesignbg.jpg) repeat left top;
padding-top: 100px;
padding-bottom: 100px;
}
.mobileapp-txt {
color: #cccccc;
}
.passport {
padding-top: 100px;
padding-bottom: 50px;
}
.passportstamp {
padding-bottom: 150px;
}
.research {
padding-top: 100px;
padding-bottom: 100px;
background: #e4e4e4;
}
.scare {
padding-left: 65px;
}
.gored {
padding-right: 5px;
}
.research-info {
margin-top: 45px;
margin-left: 60px;
color: #666666;
}
.exploration-grwf {
padding-top: 100px;
padding-bottom: 100px;
}
.pro-cnn {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/proconbg.png) repeat-x left top;
padding-top: 100px;
}
.bannerdef-hide {
display: none;
}
.par-exp {
padding-top: 100px;
padding-bottom: 130px;
background: #e1e7ee;
}
.marginbtm230 {
margin-bottom: 230px !important;
}
.goodimg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/goodimgbg.jpg) no-repeat;
background-size: 100% 100%;
min-height: 667px;
}
.goodimg-inner {
position: relative;
top: -90px;
}
.personfd {
padding-top: 100px;
padding-bottom: 150px;
} .personfdwrapper {
background: rgba(0, 0, 0, 0) url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/personfdbg.png) no-repeat scroll center top;
max-width: 1208px;
padding: 30px 151px 194px 156px;
}
.personfdwrapper .carousel-control {
opacity: 1;
top: 43%;
}
.personfdwrapper .carousel-control.left, .personfdwrapper .carousel-control.right {
background-image: none
}
.personfdwrapper .carousel-control.left {
left: -22%;
}
.personfdwrapper .carousel-control.right {
right: -22%;
}
.personfdwrapper .carousel-inner > .item > a > img, .personfdwrapper .carousel-inner > .item > img {
margin: 0 auto;
}
.visabg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/visabg.png) no-repeat center top;
padding-top: 100px;
}
.container1285 {
width: 1270px;
margin: 0 auto;
}
.container1150 {
width: 1150px;
margin: 0 auto;
}
.architec-txt h6 {
margin-top: 70px;
margin-bottom: 7px;
font-size: 15px;
line-height: 15px;
color: #333333;
font-family: 'open_sansbold';
}
.architec-txt { } .architec-txt p {
margin-bottom: 30px;
font-size: 14px;
line-height: 22px; }
.visacome {
margin-bottom: 2%; }
.hpset {
width: 49%;
float: left;
margin-right: 1%;
margin-left: 1%;
}
.architeset {
width: 48%;
float: left;
}
.architeset p {
margin-left: 3.5%;
font-size: 15px;
color: #333333;
line-height: 22px;
}
.container1345 {
width: 1341px;
margin: 0 auto;
} 
.container1064 {
width: 1064px;
margin: 0 auto;
}
.container1075 {
width: 1075px;
margin: 0 auto;
}
.margintop200 {
margin-top: 200px;
}
.athlets {
margin-top: 45px;
margin-bottom: 150px;
}
.visablack {
background: #000;
color: #cccccc;
font-size: 15px;
line-height: 22px;
padding-top: 125px;
padding-bottom: 75px;
}
.sketches {
margin-bottom: 85px;
padding-left: 36px;
padding-right: 36px;
}
.sketche-img {
margin-bottom: 25px;
}
.sketches h6 {
margin: 0 0 7px 0;
font-family: 'open_sansbold';
font-size: 15px;
line-height: 15px;
}
.container1194 {
width: 1202px;
margin: 0 auto;
}
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 100px;
right: 20px;
display: none;
background: #666666;
color: #fff !important;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
} @media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.container1 {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 1370px;
}
.margin_up {
margin-top: -5px;
}
.margin_up10 {
margin-top: -3px;
}
.screenblock .col-md-4 {
padding-left: 0;
}
.scare .research-info {
margin-left: 107px;
}
.bbwireframe {
background: #e1e7ea;
padding-top: 100px;
padding-bottom: 100px;
}
.bbwireframeinner .col-md-6 {
padding-right: 10px;
padding-left: 0;
margin-bottom: 12px;
}
.proconmain {
background: #000;
padding-top: 100px;
padding-bottom: 100px;
}
.lightwhite {
color: #a3a3a3;
}
.procon-slide {
width: 994px;
margin: 0 auto;
}
.fullpgblckr {
margin-top: 175px;
}
.col-width-52 {
width: 52.7% !important;
}
.col-width-77 {
width: 77.7% !important;
} .homebnr {
min-width: 100%;
padding-top:60px;
}
.arwbtm {
position: absolute;
bottom: 20px;
z-index: 1;
}
a:hover.arwbtm {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.viewproject {
position: absolute; bottom: 200px;
z-index: 1;
margin-left: -54px;
}   #portfolio {
display: inline;
float: left; padding: 52px 0 0px 0;
width: 100%;
}
#portfolio1 {
display: inline;
float: left;
padding: 0px 0 0px 0;
width: 100%;
}
.portfolio-area {
display: inline;
float: left;
width: 100%;
}
.portfolio-content {
display: inline;
float: left;
width: 100%;
}
.portfolio-menu {
display: inline;
float: left;
width: 100%;
margin-bottom:15px;
}
.portfolio-menu ul {
display: inline-block;
width: 100%;
text-align: center;
}
.portfolio-menu ul li { display: inline-block;
font-size: 30px;
margin: 0 13px;
padding: 6px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
font-family: 'open_sansregular';
}
.portfolio-menu ul li.active {
font-family: 'open_sansbold';
}
.portfolio-container {
display: inline;
float: left;
margin-left: -9px;
margin-top: 40px;
width: 100%;
}
.single-portfolio {
display: inline;
float: left;
margin-bottom: 18px;
margin-left: 18px;
width: 31.7%;
}
.single-item {
width: 100%;
position: relative;
overflow: hidden;
}
.single-item>img {
width: 100%;
display: block;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
} .single-item>img:hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#mixit-container .mix {
display: none;
}
.single-item-content {
background-color: #000;
display: inline;
opacity: 0;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
-webkit-transition: background-color 0.5s linear;
-moz-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
-ms-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
.portfolio-social-icon {
float: left;
display: inline;
padding: 190px 15px;
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
font-size: 35px;
font-family: 'open_sansregular';
line-height: 40px;
}
.portfolio-social-icon a {
color: #fff;
font-family: 'open_sansregular';
text-decoration: none;
}
.portfolio-social-icon span {
font-size:18px;
font-family: 'open_sanssemibold';
}
.portfolio-social-icon p {
font-size: 14px;
font-family: 'open_sansbold';
}
.single-item:hover .single-item-content {
opacity: 1;
}
.single-item:hover .single-item-content .portfolio-social-icon {
opacity: 1;
}
.single-item-content:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.homepgsldr .carousel-inner > .item > a > img, .homepgsldr .carousel-inner > .item > img, .homepgsldr .img-responsive, .thumbnail a > img, .homepgsldr .thumbnail > img {
margin: 0 auto;
} .homepgslider .carousel-control { top: 50%;
}
.homepgslider .carousel-control img {
width: 30px;
}
.opensanssemibold {
font-family: 'open_sanssemibold';
}
.opensansbold {
font-family: 'open_sansbold';
}
.opensanslight {
font-family: 'open_sanslight';
}
.margintop130 {
margin-top: 130px;
}
.msdynamicimg img {
max-width: 100%;
}
.fdmsimg img {
max-width: 100%;
}
.marginbtm10 {
margin-bottom: 10px;
}
.margintop10 {
margin-top: 10px;
}
.spirltxt {
font-size: 14px;
line-height: 22px;
}
.spirlasmall {
margin-left: 12%;
}
.spirlasmall img {
max-width: 100%;
}
.spirltxt {
margin: 3% 0 0 2%;
}
.housebg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/housebg.png) no-repeat right top;
padding-top: 100px;
} .ecosystem {
background: #505357;
padding-top: 100px;
padding-bottom: 170px;
}
.marginbtm75 {
margin-bottom: 75px;
}
.lineheight56 {
line-height: 56px;
}
.p1info {
padding-left: 55px;
font-size: 18px;
line-height: 27px;
padding-top: 10px;
}
.marginbtm200 {
margin-bottom: 200px;
}
.marginleft10 {
margin-left: 10px;
}
.marginleft20 {
margin-left: 20px;
}
.marginleft120 {
margin-left: 120px;
}
.marginbtm120 {
margin-bottom: 120px;
}
.coexpo {
background: #3c4246;
padding-top: 120px;
padding-bottom: 100px;
}
.paddingleft5 {
padding-left: 5px;
}
.paddingright5 {
padding-right: 5px;
}
.propdesign {
background: #000;
padding-top: 110px;
padding-bottom: 150px;
}
.prototype {
background: #000;
padding-top: 100px;
padding-bottom: 0;
margin-bottom: 100px;
}
.verticalsbg {
background: url(//www.baselbrand.com/wp-content/themes/child-baselbrand/images/verticalbg.jpg) repeat-x left top;
padding-top: 120px;
}
.prtsubtitle {
color: #666666;
font-family: 'open_sansbold';
font-size: 14px;
text-transform: uppercase;
line-height: 14px;
text-align: center;
margin: 0 0 60px 0;
}
.marginbtm20 {
margin-bottom: 20px;
}
.visionbg {
background: #cfe5f4;
padding-top: 100px;
padding-bottom: 100px;
}
.navbg {
background: #eaeaea;
padding-top: 100px;
padding-bottom: 100px;
}
.brand-strtgy {
background: #ebf1f5;
padding-top: 100px;
padding-bottom: 100px;
}
.fidint-txt {
font-size: 18px;
line-height: 27px;
color: #333333;
}
.fidint-txt p {
margin-bottom: 35px;
}
.fidint-txt h6 {
font-family: 'open_sansbold';
margin: 0 0 5px 0;
font-size: 18px;
}
.worldwide {
padding-top: 24px;
padding-left: 40px;
}
.fidint {
background: #fff;
border: 1px solid #999999;
padding: 80px 65px 65px 65px;
}
.worldwide img {
max-width: 100%;
}
.sprtline {
border-top: 1px dashed #333333;
margin-top: 60px;
margin-bottom: 60px;
}
.rsrchtitle {
color: #333333;
font-size: 19px;
font-family: 'open_sansbold';
text-transform: uppercase;
}
.rsrchtxt {
color: #333333;
font-size: 19px;
}
.invsprov {
margin-top: 50px;
padding-right: 70px;
}
.invsprov p {
font-size: 14px;
line-height: 22px;
}
.invsprov h6 {
color: #333333;
font-size: 14px;
font-family: 'open_sansbold';
}
.invsprovimg {
margin-top: 40px;
}
.invsprovlt {
padding-right: 25px;
}
.bndnm {
color: #333333;
font-family: 'open_sanssemibold';
font-style: italic;
font-size: 34px;
line-height: 34px;
text-align: center;
margin-top: 80px;
}
.trustworth {
text-align: right;
}
.margintop60 {
margin-top: 60px;
}
.marginbtm60 {
margin-bottom: 60px;
}
.paddingleft15 {
padding-left: 15px;
}
.paddingleft40 {
padding-left: 40px;
}
.flex-container .image-item-box {
width: 16.6%;
}
.button-primary { background:#000 !important; color:#fff !important; }
.pagination { display: none; text-align:center;width:100%;margin:100px 0px 100px 0px; }
.left-image { color:#000;font-size:20px; float:left;width:10%;margin-left:40%;display: flex;text-decoration:none;}
.pagination a {text-decoration:none !important; }
.right-image {color:#000;font-size:20px; margin-left:4.6%; float:left;display: flex;text-decoration:none; }
.pagination p {margin-top:8px;font-family:'roboto_reg';font-size:20px;color:#000;}
.left-padding{ margin-right:20px;}
.right-padding{ margin-left:20px;}
.coming-soon { text-align:center;font-size:25px;min-height:280px;margin-top:100px;} .top-dashed-border
{
border-top:1px dashed #2d2d2d; margin-top:145px; padding-top:55px;
}
.img100max-new
{
max-width:100%;
}
.margintop-50
{
margin-top:-50px; position:relative
}
.topleft{ float:right !important;margin-top:-50px !important;}
.martopmin10 { margin-top:-10px !important; }
.titleback {background-color:#688ebf;height:150px;color:#fff; }
.tag-text { margin-top:15px;font-size:12px;height:73px; margin-bottom:0px !important; line-height:18px !important; float:left; width:100%; }
.tag-text-reg {font-family:'open_sansregular'; float:left; width:8%; }
.tag-text-bold {font-family:'open_sansbold'; float:left; width:90%; }
.margintopmin50 { margin-bottom:-50px !important; }
.cusmarright20 .img100max{     max-width: 100% !important; }
.digitalprocess { background-color:#e3e9ed; padding-top:75px; padding-bottom:75px; }
.industry-research { background-color:#eaeaea; padding-top:75px; padding-bottom:75px; }
.margright50 { margin-right:50px !important; }
.margright10 { margin-right:10px !important; }
.graydark { background-color:#f1f3f7; }
@media (min-width: 1350px) {
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
max-width: none !important;
}
.container1255 {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 1255px;
}
.container {
width: 1400px;
}
.container1307 {
width: 1489px;
}
.container1331 {
width: 1331px;
margin: 0 auto;
}
.container1318 {
width: 1318px;
margin: 0 auto;
}
.container1274 {
width: 1274px;
margin: 0 auto;
}
.container1178 {
width: 1178px;
}
.container1102 {
width: 1102px;
}
.container1400 {
width: 1400px;
}
.container1236 {
width: 1236px;
}
.container1290 {
width: 1290px;
}
.container1213 {
width: 1213px;
}
.container1090 {
width: 1105px;
}
}
@media (max-width: 1400px) {
.TS-banner-paralax  {
width: 100%;
height: 661px;
}
.personfdwrapper {
background-size: 100% 100%;
padding: 3.5% 11% 13.5% 11.4%;
}
.personfdwrapper .carousel-control.left {
left: -15%;
}
.personfdwrapper .carousel-control.right {
right: -15%;
}
.container1 {
width: 90%;
}
.comunity {
background-size:100%;
}
}
@media (max-width: 1024px) {
.video-container {
padding: 80px 30px;
}
.ts-title-section {
padding-left: 50px;
padding-right: 50px;
}
.exp-img li {
width: 20%;
}
.exp-list {
left: 0;
}
.banner-top {
height: 517px;
}
.sliderwrapper {
padding: 9.5% 2.5% 8% 2.7%;
}
.fdesign {
background-size: 100% 69%;
}
.cartoons li {
width: 13%;
}
.banner-topshow {
display: none;
}
.hse-banner_parallex {
display: none;
}
.banner-topshow_parallex {
display: none;
}
.coming-soon-paralax{
display: none;
}
.vorg-banner-topshow_parallex {
display: none;
}
.visa-banner-topshow_parallex {
display: none;
}
.toyota-banner-topshow_parallex {
display: none;
}
.citypal-banner-topshow_parallex {
display: none;
}
.parsons-banner-topshow_parallex {
display: none;
}
.moroil-banner-topshow_parallex {
display: none;
}
.blackberry-banner-topshow_parallex {
display: none;
}
.probuild-banner-topshow_parallex {
display: none;
}
.knock-banner-topshow_parallex {
display: none;
}
.grfw-banner-topshow_parallex {
display: none;
}
.fidelity-banner-topshow_parallex {
display: none;
}
.fidelity-brokerage-banner-topshow_parallex {
display: none;
}	
.dynamicbanner-topshow_parallex {
display: none;
}
.livesearchbanner-paralax {
display: none;
}
.parotbanner-paralax {
display: none;
}
.national-pen-paralax
{
display: none;
}
.yahoo-paralax
{
display: none;
}
.FILUK-banner-paralax {
display: none;
}
.HWS-banner-paralax
{
display: none;
}
.bannerdef-hide {
display: block;
}
.goodimg {
min-height: 300px;
}
.container1285 {
width: 100%;
}
.architec-txt {
margin-left: 0;
}
.container1345 {
width: 90%;
}
.wintripimg li {
width: 32%;
}
.container1064 {
width: 90%;
}
.container1075 {
width: 90%;
}
.container1194 {
width: 90%;
}
.container1318 {
width: 90%;
}
.container1274 {
width: 90%;
}
.container1236 {
width: 90%;
}
.container1255 {
width: 90%;
margin: 0 auto;
}
.threecolumn {
width: 90%;
}
.procon-slide {
width: 90%;
}
.screenblock .col-md-4 {
padding-left: 6px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
max-width: 100% !important;
}
.img100max {
max-width: 100% !important;
}
.container1 {
width: 90%;
}
.arwbtm {
bottom: 180px;
}
.viewproject {
bottom: 150px;
}
.single-portfolio {
width: 31%;
}
.portfolio-social-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
line-height: 30px;
}
.homepgslider {
margin-top: 60px;
}
.mobile-inner {
padding: 26% 9% 35% 8%;
}
.container1178 {
width: 90%;
}
.container1400 {
width: 90%;
}
.container1290 {
width: 90%;
}
.container1213 {
width: 90%;
}
.container1090 {
width: 90%;
}
.coexpolt {
padding-right: 5px;
}
.fidint {
padding: 40px;
}
.advnchart {
margin-top: 30px;
}
#portfolio,#portfolio1, .passportstamp, .fdesign, .personfd, .coexpo, .propdesign, .visablack, .visabg, .ecosystem, .par-exp, .comunity, .mobileapp, .passport, .process, .storyboard, .housebg, .sketchmain, .systemblock, .modularsystem, .visualsystem, .video-block, .des-exp, .appdesign, .sliderbg, .promotion, .research, .exploration-grwf, .visionbg, .brand-strtgy, .prototype, .verticalsbg, .bbwireframe, .proconmain,.navbg {
padding-bottom: 50px;
padding-top: 50px;
}
.ambimg {
padding-bottom: 50px;
}
.pro-cnn {
padding-top: 50px;
}
.marginbtm150, .marginbtm100, .custom_margin, .marginbtm230, .athlets, .sketches, .comunity, .whtsupsubtitle, .screenblock, .marginbtm120 {
margin-bottom: 50px !important;
}
.margintop100, .margintop200, .margintop130, .fullpgblckr {
margin-top: 50px !important;
}
.marginbtm30 {
margin-bottom: 20px;
}
.margintop30 {
margin-top: 20px !important;
}
.marginbtm200 {
margin-bottom: 50px;
}
.marginbtm50, .marginbtm70, .marginbtm75, .marginbtm80, .marginbtm60, .prtsubtitle {
margin-bottom: 40px !important;
}
.margintop50, .bndnm {
margin-top: 40px !important;
}
.margintop40, .invsprov, .invsprovimg {
margin-top: 30px;
}
.sprtline {
margin-bottom: 20px;
margin-top: 20px;
}
.sketches {
padding-left: 15px;
padding-right: 15px;
}
.goodimg-inner {
top: -35px;
}
.passportstamp {
padding-top: 0;
}
.exploration {
padding-bottom: 0;
}
.bndnm {
word-break: break-all;
}
.viewproject {
margin-left: -32px;
}
.viewproject img {
max-width: 100px;
}
.comunity {
min-height:910px;
}
.housebg
{
background-size:100%;
}
.personfdwrapper .carousel-control img
{
width:30px;
}
.pagination { margin:50px 0px 50px 0px; } .res-margintop-30
{
margin-top:30px;
}
.topleft{ margin-right:50px !important;}
.martopmin10 { margin-left:100px; }
.tag-text-reg {width:12%; }
.tag-text-bold { width:87%; }
}
@media (max-width: 812px) {
.topleft{ margin-right:0px !important; float:left !important; margin-top:10px !important;}
.martopmin10 { margin-left:0px !important; margin-top:10px !important; float:left !important; }
}
@media (max-width: 768px) {
.paddingLeft30 {
padding-left: 0px;
}
.coming-soon {min-height:250px;margin-top:100px;}
.system-point {
padding-left: 0;
}
.exp-img li {
width: 20%;
}
.banner-top {
height: 356px;
}
.sliderwrapper .carousel-control.left {
left: -25%;
}
.sliderwrapper .carousel-control.right {
right: -25%;
}
.cbuldr {
padding-right: 15px !important;
}
.sliderwrapper {
padding: 9.5% 2.8% 7% 3%
}
.cartoons li {
width: 19%;
}
.logoDE li {
width: 49%;
}
.gored {
padding-left: 15px;
padding-right: 15px;
}
.scare {
padding-right: 0;
}
.research-info {
margin-left: 0;
}
.scare .research-info {
margin-left: 0;
}
.arwbtm {
bottom: 540px;
}
.single-portfolio {
width: 30%;
}
.portfolio-social-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
line-height: 30px;
padding-top: 75px;
}
.portfolio-menu ul {
padding-left: 0;
}
.spirltxt {
margin-left: 0;
margin-top: 0;
}
.spirlasmall {
margin-left: 0;
}
.mobile-inner {
padding: 28% 10% 39% 9%;
}
.p1info {
padding-left: 0;
}
.viewproject {
bottom: 100px;
}
.comunity {
min-height:733px;
}
.left-image {margin-left:35%; width:20%;}
.topleft{ margin-right:0px !important; float:left !important; margin-top:10px !important;}
.martopmin10 { margin-left:0px !important; margin-top:10px !important; float:left !important; }
.tag-text-reg {width:15%; }
.tag-text-bold { width:85%; }
}
@media (max-width: 767px) {
.vdocmt-res {
margin-top: -27%;
}
.res-margintop15 {
margin-top: 15px;
}
.subtitle-system {
font-size: 16px;
line-height: 26px;
}
.subtitle-system2 {
font-size: 16px;
line-height: 26px;
}
.greentitle {
font-size: 28px;
line-height: 38px;
}
.amb-title h1 {
font-size: 40px;
line-height: 50px;
}
.footer {
font-size: 11px;
}
h1 {
font-size: 28px;
line-height: 28px;
}
h4 {
font-size: 20px;
line-height: 20px;
}
.sketches {
padding-left: 15px;
padding-right: 15px;
}
.scare {
padding-left: 15px;
padding-top: 15px;
}
.spirlasmall {
text-align: center;
margin-bottom: 15px;
}
.personfdwrapper .carousel-control img {
width: 30px;
}
.mobile-inner {
padding: 19% 6% 27% 6%;
}
.homepgslider .carousel-control img {
width: 30px;
}
.arwbtm {
bottom: 5px;
}
.fidint {
padding: 20px;
}
.homepgslider .carousel-control img {
width: 20px;
}
.viewproject {
bottom: 150px;
}
.comunity {
min-height:1px; background-size:cover; background-attachment:fixed;
}
}
@media (max-width: 640px) {
.coming-soon {min-height:200px;margin-top:100px;}
.sliderwrapper .carousel-control.left {
left: -40%;
}
.sliderwrapper .carousel-control.right {
right: -40%;
}
.sliderwrapper .carousel-control.left img {
width: 25px;
}
.sliderwrapper .carousel-control.right img {
width: 25px;
}
.sliderwrapper {
padding: 10% 2.5% 7% 2.9%;
}
.cartoons li {
width: 18%;
}
.scrrenpt1 {
text-align: left;
margin-bottom: 15px;
}
.hpset {
width: 100%;
margin-right: 0;
}
.architeset {
width: 100%;
}
.arwbtm {
bottom: 35px;
}
.viewproject {
bottom: 200px;
}
.single-portfolio {
width: 46%;
}
.portfolio-social-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
line-height: 30px;
padding-top: 95px;
}
.res-txt-center {
text-align: center;
}
.mobile-inner {
padding: 21% 6% 29% 6%;
}
.personfdwrapper .carousel-control img
{
width:20px;
}
.titleback {height:200px; }
}
@media (max-width: 568px) {
.arwbtm {
bottom: 10px;
}
.viewproject {
bottom: 140px;
}
}
@media (max-width: 480px) {
.video-container {
padding: 50px 0px;
}
.ts-title-section {
padding-left: 20px;
padding-right: 20px;
}
.ts-greentitle {
margin: 0px;
text-align: center;
}
.participant-content {
padding: 10px 20px;
}
.exp-img li {
width: 49%;
}
.exp-img li img {
margin-bottom: 5px;
}
.banner-top {
height: 268px;
}
.strbrd-block {
width: 50%;
}
.goodimg-inner {
top: -45px;
}
.sliderwrapper {
padding: 9% 2.5% 7% 3%;
width: 418px;
}
.sliderwrapper .carousel-control.left {
left: -30%;
}
.sliderwrapper .carousel-control.right {
right: -30%;
}
.arwbtm {
bottom: 35px;
}
.viewproject {
bottom: 70px;
}
.single-portfolio {
width: 44%;
}
.portfolio-social-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
line-height: 30px;
padding-top: 95px;
}
.mobile-inner {
padding: 31% 10% 44% 10%;
}
.arwbtm {
bottom: 440px;
}
}
@media (max-width: 415px) {
.arwbtm {
bottom: 435px;
}
.left-image {margin-left:25%; width:25%;}
.tag-text-reg {width:20%; }
.tag-text-bold { width:80%; }
.tag-text { height:auto !important; }
}
@media (max-width: 375px) {
.arwbtm {
bottom: 400px;
}
}
@media (max-width: 360px) {
.exp-img li {
width: 100%;
text-align: center;
}
.banner-top {
height: 180px;
}
.cartoons li {
width: 18%;
}
.logoDE li {
width: 100%;
}
.appdesign {
background: #1b75e7;
margin-bottom: 100px;
}
.sliderwrapper {
padding: 44px 13px 37px 13px;
width: 258px;
}
.navbar-toggle {
margin-right: 0;
}
.arwbtm {
bottom: 375px;
}
.viewproject {
bottom: 65px;
}
.single-portfolio {
width: 93%;
}
.portfolio-social-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
line-height: 30px;
padding-top: 95px;
}
.portfolio-menu ul li {
font-size: 14px;
}
.sliderwrapper .carousel-control.left {
left: -50%;
}
.sliderwrapper .carousel-control.right {
right: -50%;
}
.mobile-inner {
padding: 33% 10% 45% 10%;
}
.tag-text-reg {width:15%; }
.tag-text-bold { width:85%; }
}
@media (max-width: 320px) {
.coming-soon {min-height:80px;margin-top:50px;}
.arwbtm {
bottom: 325px;
}
.viewproject {
bottom: 45px;
}
}
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.mejs-container {
padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
max-width: 100% !important;
}
video.wp-video-shortcode {
position: relative;
}
.mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mejs-controls {
display: none;
}
.mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}