


/*************************
*******Typography******
**************************/

body {
  background: #fff;
  font-family: 'Helvetica';
  color:#4e4e4e;
  line-height: 22px;
}

h1,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#3f3f3f;
  text-transform:uppercase;
  font-family:'Helvetica-Bold'
}

h2{
  font-size: 20px;
  font-family:'Helvetica-Light'
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
  font-family: 'Helvetica'
}

a {
  color: #c52d2f;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  font-family:'Helvetica-bold';
}

a:hover, a:focus {
  color: #d43133;
}
p{font-family:'Helvetica-Light'}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


.btn-primary {
  background: none;
  color: #fff;
  border-radius: 4px;
  border:none;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
 margin-top: -1px;
min-width: 132px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
img{max-width:100%}

/*************************
*******Header******
**************************/

#header .search {
    display: inline-block
    }

#header .sin {
    display: inline-block
    }

#header .language_bar {
    display: inline-block
    }

.navbar > .container .navbar-brand {
    margin-left: 0
    }

.top-bar {
    background: #5A7795;
    line-height: 30px
    }

.top-number {
    color: #fff
    }

.top-number p {
    margin: 0
    }

.sin p {
    color: #c5e6f5;
    cursor: pointer;
    font-weight: bold;
    margin-right: 8px
    }

.sin {
    border-right: 2px solid #6F8BA8;
    padding: 4px 1px 0 0
    }

.social {
    margin-bottom: -5px;
    text-align: right
    }

.social-share {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0
    }

ul.social-share li {
    display: inline-block
    }

ul.social-share li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-right: 2px solid #6F8BA8;
    color: #fff;
    display: inline-block;
    height: 43px;
    line-height: 38px;
    text-align: center;
    width: 38px
    }

ul.social-share li a:hover {
    background: #c52d2f;
    color: #fff
    }

.btn {
    padding: 11px 12px
    }

.language_bar {
    border-right: 2px solid #6F8BA8
    }

.search {
    border-right: 2px solid #6F8BA8;
    line-height: 38px
    }

.search i {
    color: #fff;
    margin-right: 5px
    }

input.search-form {
    background: transparent;
    border: 0 none;
    width: 60px;
    padding: 0 10px;
    color: #FFF;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-transition: all 400ms;
    transition: all 400ms
    }

input.search-form::-webkit-input-placeholder {
    color: transparent
    }

input.search-form:hover::-webkit-input-placeholder {
    color: #fff
    }

input.search-form:hover {
    width: 180px
    }

[class^="famfamfam-flag"] {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px
    }

.famfamfam-flag-gb {
    background: url(../images/famfamfam-flags.png) no-repeat -176px -22px;
    width: 16px;
    height: 11px
    }

.famfamfam-flag-pt {
    background: url(../images/famfamfam-flags.png) no-repeat -16px -99px;
    width: 16px;
    height: 11px
    }

.navbar-brand {
    padding: 0;
    margin: 0
    }

.navbar {
    background: none repeat scroll 0 0 #f2f2f2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 15px
    }

.navbar-nav {
    margin-top: 31px
    }

.navbar-nav > li {
    margin-left: 35px;
    padding-bottom: 28px
    }

.navbar-inverse .navbar-nav > li > a {
    padding: 5px 12px;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #012460;
    line-height: 24px;
    display: inline-block;
    font-size: 16px;
    font-family: "Helvetica-light"
    }

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #c52d2f;
    color: #012460
    }

.navbar-inverse {
    border: none
    }

.navbar-inverse .navbar-brand {
    font-size: 36px;
    line-height: 50px;
    color: #fff
    }

.slider_point {
    display: none
    }




/*************************
*******Slider******
**************************/
#main-slider {
    position: relative
    }

.no-margin {
    margin: 0;
    padding: 0
    }

#main-slider .carousel .carousel-content {
    margin-top: 150px
    }

#main-slider .carousel .slide-margin {
    margin-top: 140px
    }

#main-slider .carousel h2 {
    color: #fff
    }

#main-slider .carousel .btn-slide {
    background: none repeat scroll 0 0 #012460;
    color: #fff;
    display: inline-block;
    margin-top: 25px;
    padding: 8px 20px
    }

#main-slider .carousel .slider-img {
    text-align: right;
    position: absolute
    }

#main-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 730px;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    -webkit-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms
    }

#main-slider .carousel .item:first-child {
    top: auto;
    position: relative
    }

#main-slider .carousel .item.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    -webkit-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1
    }

#main-slider .prev, #main-slider .next {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 5
    }

#main-slider .prev:hover, #main-slider .next:hover {
    background-color: #000
    }

#main-slider .prev {
    left: 10px
    }

#main-slider .next {
    right: 10px
    }

#main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin: 0 15px 0 0;
    position: relative
    }

#main-slider .carousel-indicators li:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #FFF;
    left: -3px;
    top: -3px
    }

#main-slider .carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: #c52d2f;
    margin: 0 15px 0 0;
    border: 1px solid #c52d2f;
    position: relative
    }

#main-slider .carousel-indicators .active:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #c52d2f;
    border: 1px solid #c52d2f;
    left: -3px;
    top: -3px
    }

#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
    text-transform: uppercase
    }

#main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both
    }

#main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    -moz-animation: fadeInUp 300ms linear 900ms both;
    -o-animation: fadeInUp 300ms linear 900ms both;
    -ms-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both
    }

#main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp 300ms linear 1200ms both;
    -moz-animation: fadeInUp 300ms linear 1200ms both;
    -o-animation: fadeInUp 300ms linear 1200ms both;
    -ms-animation: fadeInUp 300ms linear 1200ms both;
    animation: fadeInUp 300ms linear 1200ms both
    }

.line {
    width: 40%
    }

.carousel-content h1 {
    color: #fff
    }

.animation a {
    font-weight: bold
    }

/*************************
*******Slider******
**************************/
.feature{padding: 25px 0;}
.feature h1{font-size:36px;text-transform:uppercase;color:#3f3f3f}
.feature p{font-size:16px;color:#747474}


/* ----- What we do ----- */

.what-we-do {
    margin-top: 50px;
	color:#ffffff
}

.what-we-do .service1 {
    background: url("../images/image1.png") no-repeat scroll 0 0 ;background-size:cover;
width: 100%;
}
.what-we-do .service2 {
    background: url(../images/image2.png)no-repeat;background-size:cover;
	width: 100%;
}
.what-we-do .service3 {
    background: url(../images/image3.png)no-repeat;background-size:cover;
	width: 100%;
}

.what-we-do .hover:hover {
background: none repeat scroll 0 0 rgba(24, 56, 110, 0.73);
 transition: opacity 500ms ease 0s;
}

.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}

.what-we-do .pra h4 {
    margin-top: 5px;
    font-size: 22px;
    color: #fff;
    
}

.what-we-do .pra p {
    padding-bottom: 10px;
    line-height: 24px;
	font-family: 'Helvetica'
}

.what-we-do .service1 a {

	font-weight: bold;
    padding: 9px 30px;
    background: #19265F;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.what-we-do .service2 a {
    font-weight: bold;
    padding: 9px 30px;
	background: #19265F;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.what-we-do .service3 a {
	font-weight: bold;
    padding: 9px 30px;
    background: #19265F;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.hover_text{padding:90px 27px }
.what-we-do .service1 a:hover {
	color:#000;
	background:#fff;
}
.what-we-do .service2 a:hover {
	color:#000;
	background:#fff;
}

.what-we-do .service3 a:hover {
	color:#000;
	background:#fff;
}

.what-we-do .service a:active {
		background:#red;
}
.hover{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.73);
height: auto;}

.do{ padding-left: 4px;
    padding-right: 4px;}
.navbar-toggle{background-color:#000}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none}
.vid{padding-top:50px;padding-bottom:50px}
.video_text h1{color:#3f3f3f;font-size:36px;text-transform:uppercase;}
.video_text p{color:#747474;font-size:16px}
.video_text{padding-top:50px;padding-bottom:50px}
.video{padding-top:50px;padding-bottom:50px}
.video_area{background:#F2F2F2}
.instructor_head h1{text-transform:uppercase;font-size:36px;color:#3f3f3f}

.social_share_man{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social_share_man li {
  display: inline-block;
}

ul.social_share_man li a {
  display: inline-block;
  color: #666666;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 2px;
  border:2px solid #666666
}
.man{background: none repeat scroll 0 0 / 100% 100% #f6f6f6;
height: 490px;}
.man_text{padding: 13px;}
.man_text h4{font-size:12px;color:#666666}
.man_text h3{font-size:16px;color:#666666;font-weight:bold}
.loop{padding-top:30px;padding-bottom:30px}
.call_us_text h2{font-size:36px;color:#f6f6f6}
.call_us_text h3{font-size:24px;color:#f6f6f6}
.call_us_text p{font-size:60px;color:#f6f6f6}
.call_us_text{line-height: 70px;
padding-top: 27px;} 
.call_us_area {
	background:url(../images/phone_background.png) no-repeat scroll 0 0; background-size:cover;
    height: 264px
    }

/***********************
********* Footer ******
************************/
.footer_up_area{color:#fff}
#bottom {
background: none repeat scroll 0 0 #353739;
font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:14px;
  color: #fff;
  font-family: 'Helvetica-bold'
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
}

#bottom ul li a {
  color: #fff;
  font-family: 'Helvetica-Light'
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget {
  margin-bottom: 0;
}
.email_input input{background:#959595;border:none;color:#fff}
.email {padding:5px}
.button{background: none repeat scroll 0 0 #000000 !important;
margin-top: 6px;
padding: 0 18px;
font-weight:bold
}
.contract_info{line-height:10px;font-size:14px}
.email_input h4{font-size:14px;text-transform:uppercase;color:#fff}
.footer_logo{margin-top:40px}
.padddd{padding-top:50px;padding-bottom:50px}

/***********************
********* Footer ******
************************/
.footer_area{background:#27282A;color:#fff}
.footer{padding-top:20px;padding-bottom:20px}

.footer_social_share{
display: inline-block;
float: right;
list-style: outside none none;
margin: 0;
padding: 0;
}

ul.footer_social_share li {
  display: inline-block;
}

ul.footer_social_share li a {
  background: none repeat scroll 0 0 #fff;
border-radius: 50%;
color: #000;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}

ul.footer_social_share li a:hover {
  background: #c52d2f;
  color: #fff;
}

/*testimonials*/
.testimony_area{background:#F2F2F2;}
.partners img{float: left;}
.testimonails{min-height: 195px;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: #888;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #2BB2E3;}
.carousel-indicators{bottom: 0;}
.mony{padding-bottom: 50px;
padding-top: 50px;
}


/*************************
*******ACCOUNTS PAGE******
**************************/
.sidebar_head h1{font-size:22px}
.welcome_area{background:#012460;}
.wel_logo img{margin-left: 90px;}
.wel_head h2{font-size:60px;color:#eeeeee}
.wel_head p{font-size:22px;color:#98baf3}
.wel_head span{font-size:12px;color:#939393;border-bottom:1px solid #939393}
.wel{padding-top:20px;padding-bottom:20px}

/* BoxedA */

.boxedA {
}

.boxedA h2 {
	height: 35px;
	padding-top: 25px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 2em;
}

.boxedA h3 {
	font-size: 1em;
	font-weight: bold;
}

.boxedA p {
	line-height: 2em;
	text-align: justify;
}

.boxedA .more {
	text-align: right;
}

.boxedA .more a {
	padding: 0 1em;
	background: #CCCCCC;
	border-left: 4px solid #666666;
	text-decoration: none;
}

.boxedA .more a:hover {
	background: #666666;
	color: #FFFFFF
}

/* BoxedB */

.boxedB {
background: none repeat scroll 0 0 #f3f3f3;
}

.boxedB h2 {
color: #012460;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
padding: 8px 0 0 20px;
text-transform:uppercase;
font-family:'Helvetica-Bold'
}

.boxedB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedB li {
	display: inline;
}

.boxedB a {
background: none repeat scroll 0 0 #f3f3f3;
border-bottom: 1px solid #e1e1e1;
color: #a3a3a3;
display: block;
height: 37px;
padding: 7px 0 0 21px;
text-decoration: none;
font-size:15px
}

.boxedB a:hover:after {
		content: "  >";
	color: #FFFFFF;
}
.boxedB a:hover {
	background:#5A7095;
	color:#fff
}
.sidebar_head{background: none repeat scroll 0 0 #333333;
color: #fff;
margin-bottom: -20px;
margin-top: 30px;
padding: 5px 0 5px 16px;}
.sidebar_head h1{color:#fff;}

/* BoxedC */

.boxedC {
background: none repeat scroll 0 0 #f3f3f3;
margin-top: -12px;
}

.boxedC h2 {
color: #012460;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
padding: 8px 0 0 20px;
text-transform:uppercase;
font-family:'Helvetica-Bold'
}

.boxedC ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedC li {
	display: inline;
}

.boxedC a {
background: none repeat scroll 0 0 #f3f3f3;
border-bottom: 1px solid #e1e1e1;
color: #a3a3a3;
display: block;
height: 47px;
padding: 7px 0 0 21px;
text-decoration: none;
font-size:15px
}
.boxedC a:hover {
	background:#898989;
	color:#fff
}
.table_head{background: none repeat scroll 0 0 #5a7095;
color: #ffffff;
font-size: 16px;
height: 50px;}
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #5A7095;color:#fff
}
.c_blue{color:#9FADC5}
.need{color:#da1515}
.dotted{color:#da1515}
.account_head span{border-bottom: 1px solid #939393;
color: #939393;
font-size: 12px;}
caption{text-align:left;font-size:18px;margin-bottom:5px}
.taken_table{padding-bottom: 150px;
padding-top: 130px;}
.account_padd{padding-bottom:100px}
.logout{margin-top:20px}
.logout input{background: none repeat scroll 0 0 #012460;
border: medium none;
color: #fff;
padding: 5px 35px;}


/*************************
*******insidetemplate PAGE******
**************************/

.test_area{background:url(../images/instaded.png) no-repeat scroll 0 0; background-size:cover}
.test_padd{padding-bottom: 35px;
padding-top: 35px;}
.test_head h1{color:#eeeeee; font-size:60px}
.test_head h3{color:#eeeeee; font-size:22px}
.leptop{background:#F9F9F9;}
.see input{background: none repeat scroll 0 0 #012460;
border: medium none;
color: #fff;
padding: 6px 28px;
text-transform:uppercase;
}
.see input:hover{background:#707070;}
.button3{text-align:center}
.button4{padding-bottom: 27px;
text-align: center;}
.button4 input{padding: 6px 40px;}
.see ul{line-height: 30px;
list-style: outside none none;
margin-left: -19px;}
.see ul a{color:#747474;font-size:16px}
.leptop_text{padding:10px}




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

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

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