@charset "utf-8";
/* CSS Document */

/* xs */

@media (max-width: 767px) {
body{margin-top: 38px;}
.dr-menu ul{ margin:0 2.7em 0 0 !important;}
.dr-menu{ max-width:244px;}
.navbar-default{ min-height: 38px !important;}
.dr-menu > div .dr-icon{ height:38px !important;; width:38px !important;; background-size:cover !important;}
.dr-menu.dr-menu-open ul{ max-width:160px; max-height:482px !important;}
.dr-menu.dr-menu-open > div .dr-icon{ left:198px !important;}
.navbar-default .navbar-nav > li > a{padding: 0 0 14px 20px; line-height:normal; font-size:16px; margin:0 20px; text-align:left;}
.navbar-default .navbar-nav > li > a.email{ font-size:11px !important; margin-top:20px !important;}
.dr-menu ul li{ margin-bottom:12px !important;}
.nav.navbar-nav.navbar-right img {max-width: 40px; margin-top:4px;}
.nav.navbar-nav.navbar-right {float: right;margin: 0 0 2px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right: 25%;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ left:25%;}
.carousel-caption h2 br{ display:none;}
.middle{ height:inherit; }
.carousel-caption h2{ font-size:120%; line-height:60px; margin:0px; text-align:center; line-height:normal;}
.carousel-caption h2 span.lime, .carousel-caption h2 span.yellow, .carousel-caption h2 span.blue, .carousel-caption h2 strong{ font-size:36px;}
.animcon{ padding-top:20px;}
.animcon img{ max-width:300px; display:inline;}
.carousel .item{ height:444px;}
.carousel-control{ display:block;}

/*Modal*/
.connect .modal-content form{ margin:0;}
.connect .modal-content h2{ font-size:20px; margin-top:0;}
.connect .modal-header { padding: 18px 18px 0;}
.paulaWrap > img {margin-left: 0;}
.tomWrap img{ margin:0 auto 10px;}
.paulaWrap > img{margin:0 auto 10px;}

/* ------------- responsive css -----------*/
.whiteBg h2 {text-align: center; font-size:30px}
.how{ font-size:40px;}
.forSmallDivece {display: block;}
.yellowBg h2 {margin-right: 0; font-size: 40px;}
.clForSmImg {background-color: #fff; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); position: relative; z-index: 54; margin-bottom: 50px;}
.contactUs, .contactUs:focus{ float:none;}

.navbar-toggle span.icon-bar {display: none; height: 6px; width: 30px;}
.navbar-toggle.collapsed span.icon-bar {display: block;}
.navbar-default .navbar-toggle:hover{ border-radius:0; margin:0;   right: -15px; background-color: #0c406a; background-image:url(../images/cross-hover.png); height: 60px; width: 60px; }
.navbar-default .navbar-toggle:focus  {background-color: #0c406a;}
.navbar-toggle.collapsed:focus {background: #fff;}
.sec4ManImg div.btn.btn-danger{ display:block !important;}
.sec4ManImg img{ opacity:1;}
.connect h4, .paula h4, .tom h4, #success_msg h4{ font-size:23px;}
.connect h4 span, .paula h4 span, .tom h4 span{ font-size:36px;}
.fordevice{ position:fixed; z-index:9999; right:10px;}
#navbar{ min-width:196px; right:-10px; top:-10px;}
.imgWrap > img { max-width:120px;}
.nodisplay{ display:none;}
.visibleforlg{ display:block;}
.close img { max-width: 28px;}

.btn.btn-danger.caption.right {right: inherit;}
img.logo { margin: 6px 0 10px !important; max-width:100px;}
p.footer{ font-size:10px; margin-right:-10px}
.blueBg img{ width:100%; max-width:200px;}
.smallview{ display:block; margin-left:0px !important;}
.connect .modal-content .form-control{ font-size:13px;}
.paula p, .tom p {font-size: 15px; line-height: 19px;}
.btn.btn-danger.caption{ line-height:26px; font-size:18px;}

.paulaWrap {background-color: #fff; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); position: relative; margin:0 -20px 15px -20px}
.paulaWrap > img{ margin: 0 auto !important;}
.paula .modal-body, .tom .modal-body {padding: 0 20px;}
.modal-dialog{ margin:0;}
.paulaWrap .close {
    bottom: 10px;
    position: absolute;
    right: 12px;
}
.hidemob{display:none;}
.paula h4, .tom h4 {margin-bottom: 0;margin-left: 0; margin-top: 45px;}

.block p.block-text.block-after-text{
    line-height: 218px;
    min-width: 230px;
    padding: 0 !important;
    text-align: center !important;
}
.block p.block-text.block-after-text {font-size: 19px !important;}
ul.sec4List li br{ display:none;}

#success_msg .modal-body { height:200px; }
#success_msg .modal-body h4 { margin-top:60px; max-width:300px; margin:60px auto 0; }
}
/* sm */
@media (min-width: 768px) and (max-width: 1024px) {
.carousel-caption{ padding:0;}
.carousel-caption h2{ font-size:130%; line-height:60px; margin:0px;}
.carousel-caption h2 br{ display:none;}
.carousel .item{ height:360px;}
.carousel-caption h2 span.lime, .carousel-caption h2 span.yellow, .carousel-caption h2 span.blue, .carousel-caption h2 strong{ font-size:40px;}
.animcon{ padding:20px 0 0 0;}
.middle{ height:360px; padding-left:10px;}
.animcon img{ max-width:280px; display:inline;}
.modal-lg {max-width: 900px;}
.carousel-caption h2 {font-size: 130%; line-height: 60px; margin: 0;}
.carousel-caption h2 span.lime, .carousel-caption h2 span.yellow, .carousel-caption h2 span.blue, .carousel-caption h2 strong{font-size: 40px;}
.carousel-caption h2 br {display: none;}
.forSmallDivece {display: block;}
.large{ display:none;}
.smallview{ display:block;}
.paulaWrap > img {margin-left: 20px;}
.paulaNameTag {font-size: 20px;}
.sec4ManImg div.btn.btn-danger{ display:block !important;}
.sec4ManImg img{ opacity:1; max-width:105% !important;}
.btn.btn-danger.caption img{height:auto;max-width:28px!important;position:relative;right:-22px;top:-2px}
.dr-menu ul{ margin:0 2.7em 0 0 !important;}
.dr-menu{ max-width:244px;}
img.logo {margin: 10px 0 0 !important;}
.dr-menu > div .dr-icon{ height:38px !important;; width:38px !important;; background-size:cover !important;}
.dr-menu.dr-menu-open ul{ max-width:160px; max-height:463px !important;}
.dr-menu.dr-menu-open > div .dr-icon{ left:198px !important;}
.navbar-default .navbar-nav > li > a{padding: 0 0 14px 20px; line-height:normal; font-size:16px; margin:0 20px; text-align:left;}
.navbar-default .navbar-nav > li > a.email{ font-size:11px !important; margin-top:0px !important; padding-bottom:0;}
.dr-menu ul li{ margin-bottom:12px !important;}
.paula p, .tom p {font-size: 15px;line-height: 19px;}
.paula h4{ left:9px;}
.tom h4{top:26px !important; left:9px;}
.hidetab{ display:none;}
#success_msg .modal-body { height:200px; }
#success_msg .modal-body h4 { margin-top:60px; max-width:500px; margin:60px auto 0; }

}

@media (max-width: 991px) {
ul.sec4List{margin: 0; padding-left: 21px}
.imgWrap.clForSm{margin-bottom: 50px;}
.contactUs {float: none; width: 288px; margin: 0 auto; display: block; margin-bottom: 40px;}
.sec4ManImg .img-responsive { max-width: inherit;}
.carousel-caption h2 {line-height: 50px;}
.sec4MinHead.contactSec {text-align: center;}
.large{ display:none;}
.smallview{ display:block; margin-left:-20px;}
.paula .aboutPaula, .tom .aboutTom {margin-top: 0;}
.midDescription {margin-bottom: 0;}
.imgWrap.clForSm {margin-top: 0}
}
@media (max-width: 768px) {
.img1, .img2, .img3, .img4{height: 230px; width: 236px; background-size: cover !important;line-height:226px;}
.block p{ font-size:16px; font-weight:bold; color:#fff; padding:0 10px;}
}
@media (max-width: 480px) {
.forSmallDivece {display: none;}
.carousel-caption h2 span.lime, .carousel-caption h2 span.yellow, .carousel-caption h2 span.blue, .carousel-caption h2 strong{font-size: 21px !important;}
.carousel-caption h2{ line-height:normal; font-size:15px !important; margin-top:10px;}
.paulaNameTag {font-size: 20px;}
.paulaNameTag {font-size: 20px;}
.yellowBg h2 {font-size: 35px}
.img1, .img2, .img3, .img4{height: 230px; width: 236px; background-size: cover !important;line-height:226px;}
.maincircle{width:228px; margin:90px auto 0;}
.img1, .img2, .img3, .img4{line-height:226px;}
.block p{ font-size:16px; font-weight:bold; color:#fff; padding:0 10px;}
.navbar-default h1{ padding-top:8px;}
.navbar{margin-bottom:8px}
.carousel-indicators{ bottom:0; margin-bottom:0px;}
.carousel-indicators li{ width:12px; height:12px;}
.smallview{ position:relative; overflow:hidden;}
.blank{ position:absolute; width:100%; z-index:9999; background-color:transparent; min-height:320px;}
.imgWrap a > img, .sec4ManImg a > img{ width:60%;}
.imgWrap a > img, .sec4ManImg a > img.tom1{ width:75%;}
.btn.btn-danger.caption{ bottom:10px;}
.tomWrap img{ width:90%; margin:0 auto 10px; max-width:250px;}
.paulaWrap > img{width:80%; margin:0 auto 10px; max-width:250px;}
.paulaWrap > img.tombio{max-width:280px;}

.modal-content .btn.btn-danger.caption.right{ right:20px;}
.paula h4, .tom h4 {margin-bottom: 0;margin-left: 0; margin-top: 33px;}
.maincircle{margin: 40px auto 0 !important; min-height:300px !important;}
.imgWrap.clForSm{ margin-bottom:0;}
.whiteBg h2 {font-size: 26px;}	
}


@media (min-width: 481px) and (max-width: 700px) and (orientation: landscape) {
.carousel-caption h2 span.lime, .carousel-caption h2 span.yellow, .carousel-caption h2 span.blue, .carousel-caption h2 strong{font-size: 30px !important;}
.carousel-caption h2{ line-height:normal; font-size:29px !important; margin-top:10px;}
.navbar-default h1{ padding-top:8px;}
.navbar{margin-bottom:8px}
.carousel-indicators{ bottom:0; margin-bottom:5px;}
.carousel-caption .col-xs-12 { width: 50% !important; float:left !important;}
.carousel .item, .middle{ height:360px;}
.carousel-caption h2{ text-align:left;}
.smallview{ position:relative; overflow:hidden;}
.blank{ position:absolute; width:100%; z-index:9999; background-color:transparent; min-height:320px;}
}

@media (min-width: 480px) and (max-width: 600px) and (orientation: landscape) {
.paulaWrap > img.tombio{max-width:362px;}	
}

@media (min-width: 768px) and (max-width: 1279px){
#thewho .modal{ top:inherit; position:absolute; padding:0 !important;}
.modal-open{ overflow:inherit !important; padding:0 !important;}
.con.modal-open{ overflow:hidden; padding:0 !important;}
#thewho .modal-dialog { margin: 0 auto;}
#thewho  .modal-lg {width: 100%; max-width:100%;}
#thewho .modal-dialog {width: 100%;height: 92%;padding: 0;}
#thewho .modal-body,  #thewho .modal-header h4{ max-width:1140px; margin:0 auto;}
.paula h4, .tom h4{ position:relative; top:9px;  margin-left: 9px;}
.paulaWrap > img { margin-left: 31px; margin-top:-17px;}
.tomWrap img { margin-left: -64px;}
.tom p{margin:0 37px 14px 10px!important}
.btn.btn-danger.caption.right{ right:0;}
.tomWrap .btn.btn-danger.caption.right{ right:25px;}
button.close{ position:relative; z-index:9999;}
.paulaNameTag{ left:9px;}
.paulaWrap img, .tomWrap img{position:relative; top:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.paulaWrap img, .tomWrap img{top:0px;}

}
.block p.block-text.block-after-text{padding: 45% 4% 45% 9% !important; font-size: 0.8em !important;}

}
@media (min-width:992px) and (max-width:1280px){
#thewho{ min-height:435px;}	
.modal.tom p, .modal.paula p{ font-size:16px;}
.hidetab{ display:none;}
}

@media (min-width: 800px) and (max-width: 999px){
.tomWrap img {margin-left: -74px; position:relative; top:0px;}
.paulaWrap img{position:relative; top:0px;}
.paulaWrap{ left:16px;}
.paula h4{margin-left: 25px;}
}
@media (min-width: 1000px) and (max-width: 1024px){
.tomWrap img {margin-left: -112px; position:relative; top:0px;}
.paulaWrap > img {margin-left: 104px; top:0;}
.paula h4 { margin-left: 18px !important;}
.paulaNameTag{ left:27px;}
.modal.tom h4{ left:27px !important;}
.modal.tom p{ margin-left:29px !important;}
}

@media (min-width: 1280px){
#thewho .modal{ top:inherit; position:absolute; padding:0 !important;}
.modal-open{ overflow:inherit; padding:0 !important;}
.con.modal-open{ overflow:hidden; padding:0 !important;}
#thewho .modal-dialog { margin: 0 auto;}
#thewho .modal-lg {width: 100%;}
#thewho .modal-dialog {width: 100%;height: 92%;padding: 0;}
#thewho .modal-body,  #thewho .modal-header h4{ max-width:1140px; margin:0 auto;}
.tom h4{ position:relative; top:15px;}
.modal.paula h4{ position:relative; top:16px;}
.paulaWrap > img { margin-left: 80px; position:relative; top:-1px;}
.tomWrap img { margin: 0 0 0 -81px; position:relative; top:-1px;}
.modal.tom h4 {position: relative;top: 26px;}
.modal.tom p{margin:4px 0 15px -10px;}
.paulaNameTag, .tomNameTag{ left:-15px;}
.btn.btn-danger.caption.right.ex{ right:34px;}
.btn.btn-danger.caption.paulaNameTag {bottom: 41px;}
.hidetab{ display:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.paulaWrap img, .tomWrap img{top:0px;}
}
}

.block{
opacity: 1;
position: absolute;
-webkit-transition: all 2s ease 0s, opacity 2s ease 0s;
-moz-transition: all 2s ease 0s, opacity 2s ease 0s;
-ms-transition: all 2s ease 0s, opacity 2s ease 0s;
-o-transition: all 2s ease 0s, opacity 2s ease 0s;
transition: all 2s ease 0s, opacity 2s ease 0s;
text-align: center;
background-size: cover !important;
color: #fff;
font-weight: bold;
height: 54.46%; //63%; //326px;
width: 56%; //65%; //335px;
}
.top-left{
    background: url("../images/shape1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateX(-75%) translateY(-110%);
    -moz-transform: translateX(-75%) translateY(-110%);
    -ms-transform: translateX(-75%) translateY(-110%);
    -o-transform: translateX(-75%) translateY(-110%);
    transform: translateX(-75%) translateY(-110%);
    z-index: 3;
}
.top-right{
    background: url("../images/shape4.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateX(100%) translateY(-110%);
    -moz-transform: translateX(100%) translateY(-110%);
    -ms-transform: translateX(100%) translateY(-110%);
    -o-transform: translateX(100%) translateY(-110%);
    transform: translateX(100%) translateY(-110%);
    z-index: 0;
}
.bottom-left{
    background: url("../images/shape3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateX(-75%) translateY(120%);
    -moz-transform: translateX(-75%) translateY(120%);
    -ms-transform: translateX(-75%) translateY(120%);
    -o-transform: translateX(-75%) translateY(120%);
    transform: translateX(-75%) translateY(120%);
    z-index: 1;
}
.bottom-right{
    background: url("../images/shape2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateX(100%) translateY(120%);
    -moz-transform: translateX(100%) translateY(120%);
    -ms-transform: translateX(100%) translateY(120%);
    -o-transform: translateX(100%) translateY(120%);
    transform: translateX(100%) translateY(120%);
    z-index: 2;
}


.block p.block-text{padding: 45% 15%; font-size: 1em;}
.block p.block-text{
    opacity: 1;
    -webkit-transition: opacity 2s linear 0s;
    -moz-transition: opacity 2s linear 0s;
    -ms-transition: opacity 2s linear 0s;
    -o-transition: opacity 2s linear 0s;
    transition: opacity 2s linear 0s;
    visibility: visible;
}

.block p.block-text.block-after-text{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    padding: 44% 5% 45% 11%;
    font-size: 0.86em;
}


/****** on intermediate ******/
.intermediate .top-left{
    -webkit-transform: translateX(-32.5%) translateY(-32.5%);
    -moz-transform: translateX(-32.5%) translateY(-32.5%);
    -ms-transform: translateX(-32.5%) translateY(-32.5%);
    -o-transform: translateX(-32.5%) translateY(-32.5%);
    transform: translateX(-32.5%) translateY(-32.5%);
}
.intermediate .top-right{
    -webkit-transform: translateX(32.5%) translateY(-32.5%);
    -moz-transform: translateX(32.5%) translateY(-32.5%);
    -ms-transform: translateX(32.5%) translateY(-32.5%);
    -o-transform: translateX(32.5%) translateY(-32.5%);
    transform: translateX(32.5%) translateY(-32.5%);

}
.intermediate .bottom-left{
    -webkit-transform: translateX(-32.5%) translateY(32.5%);
    -moz-transform: translateX(-32.5%) translateY(32.5%);
    -ms-transform: translateX(-32.5%) translateY(32.5%);
    -o-transform: translateX(-32.5%) translateY(32.5%);
    transform: translateX(-32.5%) translateY(32.5%);
}
.intermediate .bottom-right{
    -webkit-transform: translateX(32.5%) translateY(32.5%);
    -moz-transform: translateX(32.5%) translateY(32.5%);
    -ms-transform: translateX(32.5%) translateY(32.5%);
    -o-transform: translateX(32.5%) translateY(32.5%);
    transform: translateX(32.5%) translateY(32.5%);
}

/**** on complete ****/
.complete .top-left{
    -webkit-transform: translateX(10%) translateY(-20%);
    -moz-transform: translateX(10%) translateY(-20%);
    -ms-transform: translateX(10%) translateY(-20%);
    -o-transform: translateX(10%) translateY(-20%);
    transform: translateX(10%) translateY(-20%);
}
.complete .top-right{
    -webkit-transform: translateX(20%) translateY(-20%);
    -moz-transform: translateX(20%) translateY(-20%);
    -ms-transform: translateX(20%) translateY(-20%);
    -o-transform: translateX(20%) translateY(-20%);
    transform: translateX(20%) translateY(-20%);
}
.complete .bottom-left{
    -webkit-transform: translateX(10%) translateY(5%);
    -moz-transform: translateX(10%) translateY(5%);
    -ms-transform: translateX(10%) translateY(5%);
    -o-transform: translateX(10%) translateY(5%);
    transform: translateX(10%) translateY(5%);
}
.complete .bottom-right{
    -webkit-transform: translateX(20%) translateY(5%);
    -moz-transform: translateX(20%) translateY(5%);
    -ms-transform: translateX(20%) translateY(5%);
    -o-transform: translateX(20%) translateY(5%);
    transform: translateX(20%) translateY(5%);
}
.complete .block p.block-text{
    opacity: 0;
    -webkit-transition: visibility 0s 2s, opacity 2s linear;
    -moz-transition: visibility 0s 2s, opacity 2s linear;
    -ms-transition: visibility 0s 2s, opacity 2s linear;
    -o-transition: visibility 0s 2s, opacity 2s linear;
    transition: visibility 0s 2s, opacity 2s linear;
    visibility: hidden;
}
.complete .block p.block-text.block-after-text{
    -webkit-transition: opacity 2s linear 2s;
    -moz-transition: opacity 2s linear 2s;
    -ms-transition: opacity 2s linear 2s;
    -o-transition: opacity 2s linear 2s;
    transition: opacity 2s linear 2s;
    opacity: 1;
    visibility: visible;
}
/*@media (max-width: 640px) {*/
@media (max-width: 980px) {
    .top-left{
        -webkit-transform: translateX(-50%) translateY(-30%);
        -moz-transform: translateX(-50%) translateY(-30%);
        -ms-transform: translateX(-50%) translateY(-30%);
        -o-transform: translateX(-50%) translateY(-30%);
        transform: translateX(-50%) translateY(-30%);
    }
    .top-right{
        -webkit-transform: translateX(100%) translateY(-30%);
        -moz-transform: translateX(100%) translateY(-30%);
        -ms-transform: translateX(100%) translateY(-30%);
        -o-transform: translateX(100%) translateY(-30%);
        transform: translateX(100%) translateY(-30%);
    }
    .bottom-left{
        -webkit-transform: translateX(-50%) translateY(100%);
        -moz-transform: translateX(-50%) translateY(100%);
        -ms-transform: translateX(-50%) translateY(100%);
        -o-transform: translateX(-50%) translateY(100%);
        transform: translateX(-50%) translateY(100%);
    }
    .bottom-right{
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        -ms-transform: translateX(100%) translateY(100%);
        -o-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
    }
    .block p.block-text {
        font-size: 0.7em;
    }
    .block p.block-text.block-after-text {
        font-size: 0.52em;
    }
}
@media (max-width: 480px) and (orientation: portrait) {
    .block{
        height: 156px;
        width: 160px; 
    }
}
@media (max-width: 480px) and (orientation: landscape) {
    .block{
        height: 187px; 
        width: 192px; 
    }
    .top-left{
        -webkit-transform: translateX(-50%) translateY(-30%);
        -moz-transform: translateX(-50%) translateY(-30%);
        -ms-transform: translateX(-50%) translateY(-30%);
        -o-transform: translateX(-50%) translateY(-30%);
        transform: translateX(-50%) translateY(-30%);
    }
    .top-right{
        -webkit-transform: translateX(70%) translateY(-30%);
        -moz-transform: translateX(70%) translateY(-30%);
        -ms-transform: translateX(70%) translateY(-30%);
        -o-transform: translateX(70%) translateY(-30%);
        transform: translateX(70%) translateY(-30%);
    }
    .bottom-left{
        -webkit-transform: translateX(-50%) translateY(90%);
        -moz-transform: translateX(-50%) translateY(90%);
        -ms-transform: translateX(-50%) translateY(90%);
        -o-transform: translateX(-50%) translateY(90%);
        transform: translateX(-50%) translateY(90%);
    }
    .bottom-right{
        -webkit-transform: translateX(70%) translateY(90%);
        -moz-transform: translateX(70%) translateY(90%);
        -ms-transform: translateX(70%) translateY(90%);
        -o-transform: translateX(70%) translateY(90%);
        transform: translateX(70%) translateY(90%);
    }
}

@media (min-width: 481px){
    .block{
        height: 224px;
        width: 230px;
    }
    .block p.block-text.block-after-text {
        font-size: 0.7em;
    }
}

@media (min-width: 768px) and (orientation: portrait) {
    .block{
        height: 224px;
        width: 230px;
    }
    .block p.block-text.block-after-text {
        font-size: 0.7em;
    }
}

@media (min-width: 900px){
    .block{
        height: 224px;
        width: 230px;
    }
    .block p.block-text.block-after-text {
        font-size: 0.7em;
    }
}

@media (min-width: 980px) and (orientation: portrait) {
    .block{
        height: 224px;
        width: 230px;
    }
    .block p.block-text.block-after-text {
        font-size: 0.7em;
    }
}


@media (min-width: 1024px){
    .whiteBg h2 {
        text-align: left;
    }
    .block{
        height: 187px; //34.6%; //35.8%;
        width: 192px; //40%; //62%;
    }
    .top-left{
        -webkit-transform: translateX(-30%) translateY(-30%);
        -moz-transform: translateX(-30%) translateY(-30%);
        -ms-transform: translateX(-30%) translateY(-30%);
        -o-transform: translateX(-30%) translateY(-30%);
        transform: translateX(-30%) translateY(-30%);
    }
    .top-right{
        -webkit-transform: translateX(100%) translateY(-30%);
        -moz-transform: translateX(100%) translateY(-30%);
        -ms-transform: translateX(100%) translateY(-30%);
        -o-transform: translateX(100%) translateY(-30%);
        transform: translateX(100%) translateY(-30%);
    }
    .bottom-left{
        -webkit-transform: translateX(-30%) translateY(100%);
        -moz-transform: translateX(-30%) translateY(100%);
        -ms-transform: translateX(-30%) translateY(100%);
        -o-transform: translateX(-30%) translateY(100%);
        transform: translateX(-30%) translateY(100%);
    }
    .bottom-right{
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        -ms-transform: translateX(100%) translateY(100%);
        -o-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
    }
    .block p.block-text {
        font-size: 0.7em;
    }
    .block p.block-text.block-after-text {
        font-size: 0.52em;
    }
}

@media (min-width: 1200px) {
    .block{
        height: 267px; 
        width: 274px; 
    }
    .top-left{
        -webkit-transform: translateX(-75%) translateY(-110%);
        -moz-transform: translateX(-75%) translateY(-110%);
        -ms-transform: translateX(-75%) translateY(-110%);
        -o-transform: translateX(-75%) translateY(-110%);
        transform: translateX(-75%) translateY(-110%);
    }
    .top-right{
        -webkit-transform: translateX(100%) translateY(-110%);
        -moz-transform: translateX(100%) translateY(-110%);
        -ms-transform: translateX(100%) translateY(-110%);
        -o-transform: translateX(100%) translateY(-110%);
        transform: translateX(100%) translateY(-110%);
    }
    .bottom-left{
        -webkit-transform: translateX(-75%) translateY(120%);
        -moz-transform: translateX(-75%) translateY(120%);
        -ms-transform: translateX(-75%) translateY(120%);
        -o-transform: translateX(-75%) translateY(120%);
        transform: translateX(-75%) translateY(120%);
    }
    .bottom-right{
        -webkit-transform: translateX(100%) translateY(120%);
        -moz-transform: translateX(100%) translateY(120%);
        -ms-transform: translateX(100%) translateY(120%);
        -o-transform: translateX(100%) translateY(120%);
        transform: translateX(100%) translateY(120%);
    }
    .block p.block-text.block-after-text {
        font-size: 0.86em;
    }
}

@media (max-width: 480px) {

}



@media (max-width: 480px) {
.block p.block-text.block-after-text { line-height: 158px;  min-width: 160px; }
.block p.block-text.block-after-text {font-size: 15px !important;}	
}