/*Bootstrap reset*/
*{ margin:0; padding:0;}
a:focus{outline: none;}
a:hover{text-decoration: none;}
label{font-weight:normal;margin:0;display: block;margin-top:10px;}
.textCenter{text-align: center;}.textLeft{text-align: left;}.textRight{text-align: right;}
.noBorder{border:0;}
.pad10{padding:10px;}
.noMargin{margin:0 !important;}
.noPadding{padding:0;}
.left{float:left;}.right{float:right;}
.borderBottom{border-bottom: 1px #AAA solid;}
.borderRadius{border-radius:5px;}
.borderRounded{border-radius:500px;}
.fullWidth{width:100%;}
.left{float:left;}.right{float:right;}.clear{clear:both;}
.italic{font-style: italic;}
.margin-top10{margin-top:10px;}
.margin-left10{margin-left:10px;}
.margin-right10{margin-right:10px;}
.margin-bottom10{margin-bottom:10px;}
.noBorder{border:0 !important;}
.gap10{height:10px;display: block;}
.gap20{height:20px;display: block;}
.gap30{height:30px;display: block;}
.gap40{height:40px;display: block;}
.gap50{height:50px;display: block;}
.gap100{height:100px;display: block;}
.color3AE{color:#258;}
.inlineBlock{display: inline-block;}.displyBlock{display:block;}.displayInline{display: inline;}
.border{margin:10px 0;height:0px;border-top:1px #DDD solid;}
.clearAfter:after,.afterClear:after{content:"";display: block;clear:both;}
.bg-grey{background:#F7F7F7;}
.backgroundTransparent{background:transparent !important;}
a:focus,a:active{outline:none !important;}
.posAbsolute{position: absolute;}
.posRelative{position: relative;}
.posFixed{position: fixed;}
.posStatic{position: static;}
.heightAuto{height: auto !important;}
.widthAuto{width: auto !important;}
body {background:#FFF;position: relative; font-family: 'robotolight';  color:#3c3c3c; font-size:14px;}
.bgFFF{background:#FFF !important;}
.textFFF{color:#FFF;}


h2{font-family: 'robotothin'; font-size:36px; color:#000; text-align:center; text-transform:uppercase; margin:0;}
h3{font-family: 'robotolight'; font-size:24px; color:#070707; text-align:left; margin:0 0 30px 0;}
.h2-text{font-family: 'robotothin' !important; font-size:36px !important; color:#000; text-align:center; text-transform:uppercase !important; margin:0;}


.paraText{ font-family: 'robotolight'; font-size:14px; color:#3c3c3c; text-align:center;}
.defaultBtn{ width:165px; height:48px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#4B96A0; padding:12px 25px; display:block;
margin:30px auto 0 auto; font-weight:bold;}
.defaultBtn:hover, .defaultBtn:focus{ background:#24727C; transition:all .4s; color:#fff;}
/*Top Nav*/

@media screen and (max-width: 768px) {
	.topNav{border-bottom: 0px}
	.topNav .navbar{background:none; border-bottom: 2px rgba(255,255,255,0.2) solid;width:100%;z-index: 1000;}
	.topNav1{border-bottom: 0px}
	.topNav1 .navbar{background:#020405; border-bottom: 2px rgba(255,255,255,0.2) solid;width:100%;z-index: 1000;}
	
}
@media screen and (min-width: 769px) {
	.topNav .navbar{background:transparent;}
	.topNav{ width:100%; transition:all .4s;}
	.topNav .navbar .navbar-nav > li > a {transition:all .4s;}
	.topNav .navbar .navbar-nav > li > a{font-family: 'robotobold';color:#070707;font-size: 15px;letter-spacing: 2.4px}
	.topNav .navbar .navbar-nav > .active > a{color:#4B96A0;background:transparent;border-bottom: 2px #FFF solid;position: relative;top:1px;}
	.topNav .navbar .navbar-nav > li > a:hover{color:#4B96A0;background:transparent; position: relative;top:1px; }
	.topNav .navbar .navbar-brand {height: 100px;line-height: 100px;padding: 0 15px;transition: all .4s;}

	.topNav1 .navbar{background:transparent;}
	.topNav1{position: fixed;width:100%;top:0;border-bottom: 1px rgba(255,255,255,0.2) solid;transition:all .4s;z-index: 1000;}
	.topNav1 .navbar .navbar-nav > li > a {padding-top: 41px;padding-bottom: 38px;transition:all .4s;}
	.topNav1 .navbar .navbar-nav > li > a{font-family: 'robotobold';color:rgba(255,255,255,0.4);font-size: 15px;letter-spacing: 2.4px}
	.topNav1 .navbar .navbar-nav > .active > a{color:rgba(255,255,255,1);background:transparent;border-bottom: 2px #FFF solid;position: relative;top:1px;}
	.topNav1 .navbar .navbar-nav > li > a:hover{color:#000;background:transparent; position: relative;top:1px;}
	.topNav1 .navbar .navbar-brand {height: 100px;line-height: 100px;padding: 0 15px;transition: all .4s;}
}
.topNav .navbar-toggle {margin-top:12px;}

/*header*/
.topNav .navbar-default{ border:none;}
.bottomNav{ width:100%; height:60px; background:#e40b0b; position: absolute; width: 100%; z-index: 9999999;}
.searchArea{ widows:100%; border:1px solid #d2d2d2; border-radius:5px;}
.searchArea input{ border:none; width:90%; display:inline-block;} 
.searchArea input.form-control:focus{ border-color:none !important; box-shadow:none !important;}
.topNav .navbar-nav{ margin:0;}
.topNav .navbar .navbar-brand {
    height:55px !important;
    line-height:42px !important;
    padding:0 !important;
}
.topNav .navbar .navbar-brand h1 {font-family:"robotothin"; font-size:25px; color:#000000; margin-top:0px; font-weight:bold;}

/*Banner*/
#main_banner_block{ width:100%; display:inline-block; margin:60px 0 0 0;}
.banner.img1{ height:484px; background:url("img/images/banner.jpg") repeat; background-size: cover !important;}
.banner.img2{ height:484px; background:url("img/images/banner.jpg") repeat;background-size: cover !important;}
.banner.img3{ height:484px; background:url("img/images/banner.jpg") repeat;background-size: cover !important;}
.bannerContents{padding:50px 0;color:#FFF;}
.big-Text{ font-family: 'robotothin'; font-size:48px; color:#e40b0b;}
.bannerContents h1 span{font-family: 'Raleway', sans-serif; font-size:59px; color:#4B96A0; font-weight:700; letter-spacing: -3px;  border-bottom:2px solid #e40b0b; text-transform:uppercase; }
.bannerContents h3{ font-weight:bold; font-size:50px; color:#222;}
.bannerContents p{ font-size:15px; color:#3e3e3e;}
.carousel-indicators li{
    background-color: #E40B0B !important;
}
.carousel-indicators .active{
	 background-color:#4B96A0 !important;
}

.bannerHeader{font-size: 50px;letter-spacing: 7px;text-shadow:5px 5px 5px rgba(0,0,0,0.5);margin-top:132px; text-transform:uppercase;}
.bnrLogin{color:#FFF !important;font-size: 16px;letter-spacing: 2.5px;border: 2px #FFF solid;border-radius:5px;padding: 12px 36px;display: inline-block;transition:all .4s;background: transparent  !important;}
.bnrLogin:hover{color:#555 !important;background:#FFF !important;}

.bannerText{font-size: 14px;letter-spacing: 2px;text-transform: uppercase;margin-top:50px;word-spacing: 2px;line-height: 25px;}
.bannerLogin{color:#EB2C33 !important;font-size: 13px;letter-spacing: 2.5px;border: 1px #c7141a solid;border-radius:5px;padding: 12px 36px;display: inline-block;transition:all .4s;background: transparent  !important;}
.bannerLogin:hover{color:#fff !important;background:#EB2C33 !important;}
.bannerRegister{font-size: 13px;letter-spacing: 2.5px;border: 1px #c7141a solid;border-radius:5px;padding: 12px 36px;display: inline-block;color:#fff;background:#eb2c33!important;transition:all .4s;}
.bannerRegister:hover{background:transparent !important;color:#EB2C33 !important;}
.bannerButtons{padding:20px 0;}
.bannerButtons a{margin:0 9px;}
.carousel-indicators li {width: 20px;height: 5px;margin: 1px;background-color: #E40B0B;border-radius:0;border-color:transparent;}
.carousel-indicators .active {width: 20px;height: 5px;margin: 1px;background-color: #FFF;}
#carousel-example-generic1 .carousel-control.right,#carousel-example-generic1 .carousel-control.left {background:none;}

.bnr_img{ width:auto; height:auto;}
/*body start*/
.section{ width:100%; padding:80px 0 60px 0;}
.section2{ width:100%; padding:50px 0 60px 0; background:#ececec; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}


.ca-menu{
    padding:0;
    margin:50px auto;
    width:100%;
}
.ca-menu-icon{
    width: 230px;
    height: 230px;
    border: 10px solid #5EA8B2;
    overflow: hidden;
    position: relative;
    background: #4B96A0;
    margin:0 auto 20px auto;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu-iconblackBg{
    width: 230px;
    height: 230px;
    border: 10px solid #EA2727 !important;
    overflow: hidden;
    position: relative;
    margin:0 auto 20px auto;
    background:#E40B0B !important;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-menu-iconblackBg:hover, .ca-menu-icon:hover{
   /* background: #E91F17;
   border-color: #df130a;*/ 
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

}
.ca-content img{ width:100px; height:100px; text-align:center; margin:55px auto; display: block;}
.text1{ font-family: 'robotolight'; text-align:center; color:#070707; font-size:24px;}
.text1 span{ font-family: 'robotothin'; text-align:center; color:#070707; font-size:18px; display:block;}



/* Carousel Control */
.mainCarousal .well{ background:none !important; border: none !important; border-radius: none !important; box-shadow:none !important;}
.mainCarousal a.thumbnail:hover, a.thumbnail:focus{ border:1px solid #4B96A0;}
.mainCarousal a.thumbnail img{ width:100%;} 
.mainCarousal h2{ font-family: 'Lato', sans-serif; color:#070707; font-size:24px; text-transform: inherit; margin:0 0 8px;}
.mainCarousal p{ font-family: 'robotolight';  color:#3c3c3c; font-size:14px; text-align:center; }
.btnbox{ width:7%; margin:30px auto;}
.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control{
        background: #007294;
        border: 0px;
        border-radius:50%;
        display: inline-block;
        font-weight: 200;
        line-height: 18px;
        opacity: 1 !important;
        padding: 4px 10px 0px;
        position: static;
        height: 32px;
        width: 32px;
        background-image:none;
        }
.mainCarousal .carousel-control.left, .carousel-control.right{ background-image:none;}
/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}
.mainAccordian{ width:100%; display:inline-block;}
.mainAccordian .panel-default > .panel-heading{ background:#63a610;  border:1px solid #fff;}
.mainAccordian .panel-default > .panel-heading a{ font-family: 'robotobold'; font-size:16px; line-height:30px; color:#fff; text-decoration:none;}
.dateimg{ width:55px; height:72px; background-image: url('img/images/dateimg.png'); text-align:center; padding:5px 0 0 0; }
.dateimg p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:12px;}
.dateimg p span{ display:block; font-size:10px;}
.dateimgBigtext{ font-family:Arial, Helvetica, sans-serif; font-size:21px !important; color:#3c3c3c !important; line-height:20px !important;}

.panelDv{ display:inline-block; margin:0 0 25px 0;}
.panelDv:last-child{ margin:0 !important;}

.text-info2{ width:100%;}
.text-info2 h2{ font-family: 'robotobold'; font-size:19px; color:#070707; margin:0 0 10px 0; text-align:left;}
.widthfixed{ width:16% !important;}
.italictext{ color:#070707; font-size:12px; float:right;}
.knowledgeDv{ width:100%; height:300px; display:inline-block; background:url('img/images/kn1.jpg') no-repeat 0 0; background-size: 100% 100%;}
.knowledgeDv h2{font-family: 'robotobold'; font-size:36px; color:#fff; line-height:120px;}
.knowledgeDv p{ font-family: 'robotolight'; color:#fff;}


/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
}
.fade-carousel .carousel-inner .item {
    height: 65vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #63a610;
    border-color: #63a610;
    opacity: .7;
    width:10px;
    height:10px;
}
.fade-carousel .carousel-indicators > li.active {
    background-color: #000;
    border-color: #000;

 }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    z-index: 3;
    color: #fff;
    text-align: center;
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.hero p{ text-align:center; font-family: 'robotolight'; font-size:18px; color:#000;}
.hero h3{ text-align:center; font-family: 'robotobold'; font-size:22px; margin:20px 0 0 0;}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {width:214px; height:224px; border-radius:50%; border:10px solid #EA2727; display:block; margin:0 auto 20px auto;}
.fade-carousel .slides .slide-2 {width:214px; height:224px; border-radius:50%; border:10px solid #EA2727; display:block; margin:0 auto 20px auto;}
.fade-carousel .slides .slide-3 {width:214px; height:224px; border-radius:50%; border:10px solid #EA2727; display:block; margin:0 auto 20px auto;}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 100%; }    
}
ul.logopanel{ display:inline-block; margin:40px 0 0 0;}
ul.logopanel li{ width:auto; display:inline-block; list-style-type:none; margin:0 14px 0 0;}
ul.logopanel li img{ width:100%;}
ul.logopanel li:last-child{ margin:0 !important;}
.ftrBg{ background:url('img/images/ftr-bg.jpg') repeat; width:100%; clear:both; margin:70px 0 0 0; padding:20px 0 10px 0;}
.brdrDv{ width:100%; display:inline-block; border:1px solid #555555;}
.brdrDv ul.lftmenu{ float:left; padding:20px;margin:0;}
.brdrDv ul.lftmenu li{ display:inline-block;}
.brdrDv ul.lftmenu li span{ display:inline-block; padding:0 10px;}
.brdrDv ul.lftmenu li a{ display:inline-block; font-family: 'robotolight'; font-size:14px; color:#fff;}

.brdrDv ul.rightmenu{ margin:0; float:right;}
.brdrDv ul.rightmenu li{ display:inline-block; list-style-type:none; border-right:1px solid #555555; padding:20px;}
.brdrDv ul.rightmenu li:last-child{ border-right:0;}
.brdrDv ul.rightmenu li i{ color:#fff; font-size:16px;}
.copyText{ font-family: 'robotolight'; color:#e8e8e8; text-align:center; padding:10px 0 0 0; margin:0 !important;}
.copyText a{ color:#e8e8e8;}

/*==========================================inner pages==================================================*/
/*nas recovery*/
.inrbanner{ width:100%; height:300px; background:url('img/images/inrbnr1.jpg') no-repeat 0 0; background-size: 100% 100%;}
.fixedmargin{ margin-top: 85px;}
.lftimg{ width:40%; height:auto; margin:0 25px 25px 0; float:left}
.lftimg img{ width:100%;}
.panelfixed{ width:100%; display:inline-block;  border-bottom:1px solid #d6d6d6 !important; padding:0 0 40px 0 !important; margin:0 0 40px 0 !important;}
.panelfixed p{}
.lftimg2{ width:30%; height:auto; margin:0 25px 25px 0; float:left}
.lftimg2 img{ width:100%;}
.panelfixed:last-child{ border:none !important; padding:0 !important;; margin:0 !important;;}
/*contact*/
.inrbanner2{ width:100%; height:300px; background:url('img/images/inrbnr2.jpg') no-repeat 0 0; background-size: cover !important;}
ul.addressPanel{ display:inline-block;}
ul.addressPanel li{ display:inline-block; width:100%; margin:0 0 15px 0;}
ul.addressPanel li span{ border: 1px solid #d6d6d6; float: left; margin: 0 20px 0 0; padding: 8px; text-align: center; width: 43px;}
ul.addressPanel li i{ font-size:16px; color:#626262;}
.contactForm{  width:100%; display: inline-block;}
.contactForm input{ height:50px;}
.contactMap{ width:100%; display:inline-block;}
/*get a quote*/
.inrbanner3{ width:100%; height:300px; background:url('img/images/inrbnr3.jpg') no-repeat 0 0; background-size: 100% 100%;}
.formpanel{ width:100%; display:inline-block;}
.formpanel label{ margin:0 !important; text-align:left !important;}
.selectbox{ width:100% !important;}
.captcha{ width:30%; height:50px;}
.topMargin{ margin:20px 0;}
ul.addressPanel span.contacttext {
    border: 0 none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

.formcontrol1 option{
	padding:5px 15px;
}