@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@font-face {
  font-family: 'recharge';
  src: url('../../fonts/recharge.eot?gx4oiy');
  src:  url('../../fonts/recharge.eot?gx4oiy#iefix') format('embedded-opentype'),
    url('../../fonts/recharge.ttf?gx4oiy') format('truetype'),
    url('../../fonts/recharge.woff?gx4oiy') format('woff'),
    url('../../fonts/recharge.svg?gx4oiy#recharge') format('svg');
  font-weight: normal;
  font-style: normal;  
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'recharge' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-flash-drive:before {
  content: "\e900";
}
.icon-invoice:before {
  content: "\e901";
}
.icon-invoice2:before {
  content: "\e902";
}
.icon-money:before {
  content: "\e903";
}
.icon-satellite-dish:before {
  content: "\e904";
}
.icon-smartphone:before {
  content: "\e905";
}


body{font-family: 'Arial', cursive; padding:0; margin:0; font-size:18px;}
p ,a ,h3 ,input ,label ,button{font-family: 'Open Sans', sans-serif;}
a:hover, a:focus{ text-decoration: none; outline: none;}
ul{ padding:0; margin:0; list-style-type: none;}

 /*img
 ----------*/
.full-img{ width:100%; height:auto;}

/*form
---*/
input[type="text"], input[type="password"], select {
    height: 50px;
    padding: 10px 15px;
    background:#fff;
    border: none;
    width: 100%;
	border:1px solid #747477;
}
/*custom chack box
----*/
[type="checkbox"]:not(:checked),[type="checkbox"]:checked {position: absolute;left: -9999px;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {position: relative;padding-left: 30px; cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 2px;width: 17px; height: 17px;
border: 1px solid #aaa;background: #fff;border:1px solid #2e3192;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: '✔'; position: absolute;top: 3px; left: 4px;font-size: 18px;line-height: 0.8;color: #1c1f74;
transition: all .2s;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
[type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before {border: 1px dotted blue;}
label:hover:before {border: 1px solid #4778d9!important;}

.Fast-f-text span {position: relative;top: -3px; font-weight: normal;}
/*plaseholder
-------*/
::-webkit-input-placeholder {  color:#001764; opacity:1; text-transform: capitalize; font-weight:300; font-size:18px;}
::-moz-placeholder { color:#001764; opacity:1; text-transform: capitalize; font-weight:300; font-size:18px;}
:-ms-input-placeholder {  color:#001764; opacity:1; text-transform: capitalize; font-weight:300; font-size:18px;}
:-moz-placeholder { color:#001764; opacity:1; text-transform: capitalize; font-weight:300; font-size:18px; }

 /* margin
---*/
.mr-1{ margin-top:10px;}
.mr-2{ margin-top:20px;}
.mr-3{ margin-top:30px;}
.mr-4{ margin-top:40px;}
.mr-5{ margin-top:50px;}
.mr-6{ margin-top:60px;}
.mr-7{ margin-top:70px;}
.mr-8{ margin-top:80px;}
.mr-11{ margin-top:110px;}

.mr-b1{ margin-bottom:10px;}
.mr-b2{ margin-bottom:20px;}
.mr-b3{ margin-bottom:30px;}
.mr-b4{ margin-bottom:40px;}
.mr-b5{ margin-bottom:50px;}
.mr-b6{ margin-bottom:60px;}
.mr-b7{ margin-bottom:70px;}
.mr-b8{ margin-bottom:80px;}
.mr-b9{ margin-bottom:90px;}
.mr-b10{ margin-bottom:100px;}
.mr-b15{ margin-bottom:15px;}

/*heading
----*/
h1{ font-size:60px; margin:0;}

/*pading
--*/
.no-pading{ padding:0;}
.no-pading-l{ padding-left:0;}
/*banner section
----*/
header{ background:url(../../images/frontend/banner-inner_bg.jpg) no-repeat bottom; background-size:cover;}
.bh-w{ position:relative; float:left; overflow:hidden; width:100%;}
.bn-h{ position:absolute; left:0; top:0; width:100%;}

.bh-lw{ /*padding-right:30px;*/ text-align:center;}
.bh-lw img{ display:inline-block;}
.bh-l{ padding:20px 50px 5px; background:#fff; display:block; position:relative;}
.bh-l:after{ content:""; background: url(../../images/frontend/logo-b.png) no-repeat; height:38px; position:absolute; display:block; width:100%; background-size: 100% 100%; 
 left:0;bottom: -36px;}
.bn-lo{ background:url(../../images/frontend/login-w.png) no-repeat; display:inline-block; height:52px;background-size: 100% 100%; padding:10px 70px;}
.bn-lo a{ display:block; color:#fff; text-align:center; text-transform: capitalize; font-size:16px;}
.bn-lo a img{ display:inline-block; margin-right:10px;}
.bn-lo a span{ position:relative; top:3px;}
.bn-con h1{ font-weight: bold; color:#001966; text-transform: capitalize; margin:100px 0 0;}
.bn-con p{font-family: 'Roboto', cursive; font-size:20px; font-weight:300; color:#0b3b5b; padding-right:40px;}

.bn-lo li{ display:inline-block; padding:0 12px; border-right:1px solid #fff; line-height:100%;}

.bn-lo li:last-child{ border-right:0; }
.bn-lo li:first-child{ padding-left:0;}
/*heading style
----*/

.heading-style1{ font-size:60px; text-transform:capitalize; text-align:center; color:#001966; line-height:34px; }
.heading-style1:after{ content:""; background:url(../../images/frontend/heading-arow.png) no-repeat 100% 100%; width:50px; height:14px; display:block; margin:15px auto 0; line-height:100%;}

.heading-style2{ font-size:60px; text-transform:capitalize; text-align:center; color:#fff; line-height:34px; }
.heading-style2:after{ content:""; background:url(../../images/frontend/heading-arow2.png) no-repeat 100% 100%; width:50px; height:14px; display:block; margin:15px auto 0; line-height:100%;}
.heading-con2{ font-size:18px; font-weight:300; color:#fff; padding:0 25%; text-transform:capitalize; text-align:center; margin-top:20px;}

.heading-style3{ font-size:70px; text-transform:capitalize; text-align:center; color:#001966; line-height:34px; margin:10px auto 150px; }
.heading-style3:after{ content:""; background:url(../../images/frontend/heading-arow.png) no-repeat 100% 100%; width:50px; height:14px; display:block; margin:20px auto 0; line-height:100%;}

/*tab section
---------*/

.nav-pills.re-me { text-align:center;}
.nav-pills.re-me li { float:none; display:inline-block;}
.nav-pills.re-me li a{ border:1px solid #001966;    -ms-transform: skewX(-20deg); /* IE 9 */-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg); margin-right:2px; /* Standard syntax */ border-radius:0; font-size:16px; text-transform:uppercase; font-weight:300; color:#001966; padding:8px 20px; transition:0.5s;-webkit-transition:0.5s;}
.nav-pills.re-me li a span{ -ms-transform: skewX(20deg); /* IE 9 */-webkit-transform: skewX(20deg); /* Safari */
transform: skewX(20deg); display:inline-block;}

.nav-pills.re-me li a span.icon-c{ font-size:24px; position:relative; padding-right:5px; top:2px;}
.nav-pills.re-me li.active a ,.nav-pills.re-me li:hover a  { background:#3857b4; border-color:#6571b5; color:#fff;}


.re-logo{ padding:0 14%;}
.re-logo li span{ padding:20px 30px ; border-radius:15px; background:#fff; float:left;-webkit-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.52);
box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.52); display:block; width:100%; margin-bottom:20px; text-align:center; }
.re-logo li span img{ display:inline-block;}
.re-c{ background:url(../../images/frontend/what-b.png) no-repeat ; background-size:cover; margin-bottom:80px; background-attachment:fixed;}
.col-2{position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px; float:left; width:20%; box-sizing: border-box;}

/*features
------*/

.ofc-w{ background: #3653af;
background: -moz-linear-gradient(-45deg, #3653af 0%, #172e73 100%);
background: -webkit-linear-gradient(-45deg, #3653af 0%,#172e73 100%); 
background: linear-gradient(135deg, #3653af 0%,#172e73 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3653af', endColorstr='#172e73',GradientType=1 ); padding:80px 0px; padding-top:180px; position:relative;}
.ofc-w:after{ background:url(../../images/frontend/features-b.png) no-repeat; background-position:100% 100%; position:absolute; top:0; left:0; width:100%; height:142px; content:""; background-size:100% 100%;}

.ofc-l{ background:#fff; border-radius:3px; padding:40px 30px;}

.ofc-l span{ display:block; font-size:70px; color:#6d79b9;}	
.ofc-l h3{ font-size:28px; text-transform:capitalize; color:#001966; margin:0; margin:15px 0px;}
.ofc-l p{ color:#7b7979; font-size:16px; font-weight:400; margin:0; }


/*footer
----*/
footer{ padding:20px 0px;}
footer p{ color:#001966; text-align:left; font-size:16px; margin:0;}
footer ul.nav{ float:right;}
footer ul.nav li{ float:left;}
footer ul.nav li a{ font-size:16px; color:#0b3b5b; text-transform:capitalize; display:block; padding: 0 24px; font-size:16px; position:relative; background: none; transition:0.5s; }
footer ul.nav li a:hover{ background: none; color:#001966;}
footer ul.nav li a:after{ right:0; width:1px; height:18px; background:#0b3b5b; top:5px; content:""; position:absolute;
   -ms-transform: rotate(20deg); /* IE 9 */-webkit-transform: rotate(20deg); /* Safari */transform: rotate(20deg);}
footer ul.nav li:last-child a:after{ display: none;}   
footer ul.nav li:last-child a{ padding-right:0;}


                                                        /*///////////////// inner page //////////////////////////*/

.ofc-inner{ padding-top:80px;}
.re-inner-in{padding:0 15%;}
.re-inner p{color:#7b7979; font-size:16px; background:#fff;  text-align:center; }
.re-i-list{ padding:20px;}
.re-inner{ margin:60px 0 40px;}
/*.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;
background: url(../img/Preloader_222.gif) center no-repeat #fff;}*/


.my-modal .modal-content{ background:#babef5; border-radius:0px;border: none;}
.my-modal .modal-title{ font-size:50px; text-align:center; color:#001966; text-transform:capitalize;}

.my-modal .modal-title:after{ content:""; background:url(../../images/frontend/heading-arow.png) no-repeat 100% 100%; width:50px; height:14px; display:block; margin:5px auto 0; line-height:100%;}

.my-modal  .modal-header{ border: none; padding-top:30px;}
.my-modal  .modal-dialog {width: 500px; margin-top:70px;}

.my-modal .close {position: absolute;
width: 50px;height: 50px;border-radius: 50%;background: #6771b6;top: -10px;right: -10px;opacity: 1;
    text-align: center;color:#fff; font-size:38px;line-height:100%;border:3px solid #eef3fc;}
.my-modal input{ color:#001764;}
.my-modal  .modal-body{ padding-bottom:30px;}
.my-modal .close span{ font-weight:300;left:0px;top: -1px; position:relative;}
.my-modal .modal-footer{ border:none; padding:0;}
.full-button{ background: #3857b4;  padding:12px 45px; border-radius:7px; color:#fff ; line-height:normal; border: none; text-transform:uppercase; font-weight:600; margin-top:10px; transition:0.5s; display:inline-block;}
.full-button:hover{ background:#6d72bd;}
.my-modal .full-button{color:#fff; }