@charset "utf-8";

html, body{height:100%;}

body{font-family:"Raleway", Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#333; line-height:26px;}

.clear{clear:both;}

h1, h2{font-size:42px; font-weight:300; color:#777; margin:0px; margin:0px 0px 20px;}

h3{padding-bottom:20px; margin:0px 0px 20px;} 

h3.blue{font-size:26px; font-weight:500; color:#00abea; margin:0px 0px 20px;}

p{font-size:14px;  text-align:justify;}

li{text-align:justify;}

.error{color:#FF0000; font-weight:400;}

.mobileHead{display:none;}



.headerTopHolder{width:100%; display:table; font-family:"Raleway", Arial, Helvetica, sans-serif; position:fixed; top:0px; z-index:100; padding:10px 0px 10px;} 

.headerTopHolder .logo{width:150px; height:auto; border:none;}



.bannerBG{background:url(../images/bannerMiddle.png) center top no-repeat; background-size:cover;  }

#section0{background: -webkit-linear-gradient(#ffffff, #ffffff, #019ed8); 

    background: -o-linear-gradient(#ffffff, #ffffff, #019ed8); 

    background: -moz-linear-gradient(#ffffff, #ffffff, #019ed8); 

    background: linear-gradient(#ffffff, #ffffff, #019ed8);

	text-align:center;}

#section0 .imgLeft{padding-right:200px;}

#section0 .imgRight{padding-left:200px;}



#section1{background: -webkit-linear-gradient(#ffffff, #ececec); 

    background: -o-linear-gradient(#ffffff, #ececec); 

    background: -moz-linear-gradient(#ffffff, #ececec); 

    background: linear-gradient(#ffffff, #ececec);	

}

#section2{background:#007cd2 /*url(../images/services.jpg) center left no-repeat*/; background-size:cover;}

#section2 h1, #section2 h2{font-size:42px; font-weight:300; color:#fff;}

#section2 h3.blue{font-size:26px; font-weight:500; color:#00abea; color:#cceaff;}

#section2 p{font-size:14px;  text-align:justify; color:#fff;}

#section2 li{text-align:justify; color:#fff;}

/*#section2 img{width:auto; height:250px;}*/





#section4{background:#f2f2f2;}



#slide1{background:url(../images/whatDo.png) center left no-repeat; background-size:cover;}

#slide2{background:url(../images/overview.png) center left no-repeat; background-size:cover;}

#slide3{background:url(../images/infrastructure.png) center left no-repeat; background-size:cover;}

#slide4{background:url(../images/values.png) center left no-repeat; background-size:cover;}

#slide13{background:url(../images/solutions.png) center left no-repeat; background-size:cover;}

#slide14{background:url(../images/cloud.png) center left no-repeat; background-size:cover;}

#slide15{background:url(../images/analytics.png) center left no-repeat; background-size:cover;}

#slide16{background:url(../images/media.png) center left no-repeat; background-size:cover;}

#slide17{background:url(../images/delivery.jpg) center left no-repeat; background-size:cover;}

#slide18{background:url(../images/global.jpg) center left no-repeat; background-size:cover;}

#slide19{background:url(../images/armsLength.jpg) center left no-repeat; background-size:cover;}

#slide20{background:url(../images/buyOut.jpg) center left no-repeat; background-size:cover;}

#slide21{background:url(../images/whyTana.png) center left no-repeat; background-size:cover;}





.footer{display:block; background:#222; color:#f2f2f2;}

.footer a{text-decoration:none; color:#f2f2f2;}

.footer h3.blue{font-size:26px; font-weight:500; color:#00abea; margin:0px 0px 6px;}



/************************************************************************************************/



.introTop{padding:140px 0px;}

#fp-nav ul li .fp-tooltip{color:#00abea;}



/**********************************bootstrap changes***********************************************/



.img-responsive,

.thumbnail > img,

.thumbnail a > img,

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}

#cssmenu{display:none;}

.fp-slidesNav{background:rgba(0, 171, 234, 0.5); border-radius:15px;}

.fp-slidesNav ul li{margin: 7px 7px 0px;}





@media (max-width:1023px){

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: none;

	display:block;

	width:90%;

	margin:0px auto;

  }

#section0 .imgLeft{padding-right:150px;}

#section0 .imgRight{padding-left:150px;}



#slide1, #slide2, #slide3, #slide4, #slide13, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide20, #slide21{background:none;}

.fp-slidesNav.bottom {display:none;}

#section2 img{width:250px; height:auto; margin-bottom:20px;}

.mobileHead{display:block;}

}



@media (max-width:767px){

.bannerBG{background:url(../images/bannerMobile.png) center top no-repeat; background-size:cover;}

.headerTopHolder{background:#fff;}

.headerTopHolder .logo{width: 100px; height: auto; border: none;}

.fp-slide {

    float: none;

}

.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next{display:none;}



#section0 {text-align:right;}

#section0 .imgLeft{padding-right:130px; display:none;}

#section0 .imgRight{margin-left:0px; }



.introTop{padding:100px 0px 0px;}



.fp-slides {

    z-index:1;

    height: 100%;

    overflow: hidden;

    position: relative;

    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */

    transition: all 0.3s ease-out;

}



ul.sideNav{margin: 0px 0px 0px 0px; padding: 0px;}

ul.sideNav li{list-style-type: none; border-bottom: 1px solid #f2f2f2;}

ul.sideNav li a{text-decoration: none; color: #000; padding: 10px 15px; display:block;}



#cssmenu{border-right:none; display:block;}

#cssmenu .sideNav{padding-bottom:0px;}

#cssmenu #head-mobile{display:none;padding:23px;color:#222;font-size:12px;font-weight:700;}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 20;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #222;border-bottom:2px solid #222;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#222;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#222;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:23px;background:#222;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

}