@font-face {
  font-family: 'FARRAY';

  src: url('/fonts/FARRAY/farray-regular-webfont.eot');
  src: url('/fonts/FARRAY/farray-regular-webfontd41d.eot') format('embedded-opentype'), url('/fonts/FARRAY/farray-regular-webfont.woff') format('woff'), url('/fonts/FARRAY/farray-regular-webfont.ttf') format('truetype'), url('/fonts/FARRAY/farray-regular-webfont.svg') format('svg');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border:0 none;
font-family:inherit;
font-size-adjust:inherit;
font-stretch:inherit;
font-style:inherit;
font-variant:inherit;
font-weight:inherit;
line-height:inherit;
margin:0;
padding:0;
}


body {
width: 100%;
height: 100%;
font-family: 'Roboto', sans-serif;
}

html {
width: 100%;
height: 100%;
}

a, a:hover, a:active, a:focus {
outline: medium none;
text-decoration: none;
}

p {
padding:20px 0;
}

ol, ul {
list-style:none outside none;
}

h1, h2, h3, h4, h5, h6, h7 {
letter-spacing:1px;
}

h1 {
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:12px;
	font-family: 'Farray', sans-serif;
	margin-bottom:10px;
}
input::-webkit-input-placeholder {color:#0a1a39;}
textarea::-webkit-input-placeholder {color:#0a1a39;}

h7 {
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:12px;
	font-family: 'Farray', sans-serif;
	margin-bottom:10px;
}
input::-webkit-input-placeholder {color:#0a1a39;}
textarea::-webkit-input-placeholder {color:#0a1a39;}


.overlay-bg {
background:#000B26;
bottom:0;
left:0;
opacity:0.9;
position:absolute;
right:0;
top:0;
transform:translate3d(0px, 0px, 0px);
transition:all 0.3s ease-in-out 0s;
z-index:0;
}


.navbar {
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
}
.navbar-custom a {
color:#C7A339;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
outline: 0;
color:#d8c58d;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.navbar-nav > li > a {
padding-bottom:22px;
padding-top:22px;
}
.top-nav-collapse {
padding:0;
background-color:#0A1A39;
}
.navbar-custom.top-nav-collapse {
border-bottom: #0A1A39;
}


.carousel-caption {
color: #FFFFFF;
left:15%;
padding-bottom: 20px;
padding-top: 20px;
position: absolute;
right: 15%;
bottom:45%;
text-align: center;
z-index: 10;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.carousel-caption h1 {
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	font-weight:400;
	letter-spacing:1px;
	color:rgba(255, 255, 255, 0.9);
	margin-bottom:0;
}
.carousel-caption h2 {
margin-top:7px;
text-transform:uppercase;
font-size:12px;
font-weight:900;
letter-spacing:3px;
color: #c7a339;
}
.carousel-caption h7 {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:350;
	letter-spacing:1px;
	color:rgba(255, 255, 255, 0.9);
	margin-bottom:0;
}
.carousel-indicators {
bottom:50px;
}
.carousel-indicators li {
background-color: rgba(0, 0, 0, 0);
border: 2px solid #c7a339;
border-radius: 10px;
height: 16px;
margin: 2px;
width: 16px;
}
.carousel-indicators .active {
background-color: #c7a339;
height: 18px;
margin: 1px;
width: 18px;
}
.carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
font-size:35px;
}

.carousel-control:hover, .carousel-control:focus {
color: #c7a339;
}



.about-info {
	max-width:1020px;
	margin:0 auto 5px;
	line-height:25px;
	color:#fff;
	font-size:16px;
}


.skills  {
color:#0a1a39;
text-transform:uppercase;
font-size:12px;
font-weight:900;
letter-spacing:3px;
}

.skills-title {
font-size:12px;
font-weight:900;
text-transform:uppercase;
color:#0a1a39;
margin:20px 0 0;
display:inline-block;
}

.number {
padding-top:95px;
font-size:33px;
font-weight:900;
color:#fff;
}


.services-box {
border:solid 3px rgba(255, 255, 255, 0.1);
margin-bottom:30px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.services-box:hover {
border:solid 3px rgba(255, 255, 255, 0.15);
background:rgba(255, 255, 255, 0.02);
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}

.service-ico i {
text-align:center;
color:white;
}
.service-ico i {
display: inline-block;
cursor: pointer;    
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.service-ico i:hover{
opacity:0.7;
transform: scale(0.8);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transition: all 0.3s ease 0s;
}
.service-ico h4 {
margin:7% 0;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#fff;
}
.service-ico p {
font-size:13px;
line-height:25px;
padding:15px;
letter-spacing:0.5px;
color:#d8c58d;
}

.service-ico i:before {
display:block;
font-size:40px;
padding:30px 0;
color: #c7a339;
width:40px;
height:40px;
}

.service-ico i:hover:before {
color: #d8c58d;
}



div.ff-container {
text-align:center;
}
.ff-container{
width:1170px;
margin:0 auto;
}
.ff-container label{
width:auto;
height:40px;
cursor:pointer;
color:#0a1a39;
line-height:31px;
font-size:12px;
text-transform:uppercase;
font-weight:900;
letter-spacing:1.5px;
border-top:solid 3px #d8c58d;
padding:3px 7px;
margin:0 4px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
.ff-container label:hover{
border-top:solid 3px #0a1a39;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
background-color:rgba(10, 26, 57, 0.9);
color:#c7a339;
}
.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4{
color:#c7a339;
border-top:solid 3px #0a1a39;
padding:3px 7px;
margin:0 4px;
background-color:rgba(10, 26, 57, 0.9);
transition:all 1.5s ease 0s;
-webkit-transition:all 1.5s ease 0s;
}
.ff-container input{
display:none;
}
.ff-items{
position:relative;
margin:70px 0px 0 auto;
}
.ff-items a{
display:block;
position:relative;
margin:14px;
width:250px;
height:250px;
}
.ff-items a span{
display:block;
color:#0a1a39;
font-weight:700;
font-size:13px;
letter-spacing:1px;
padding:35px;
position:absolute;
bottom:10px;
width:250px; 
height:0px;
overflow:hidden;
opacity:1;
text-align:left;
}
.ff-items a:hover span{
height:18px;

}
.ff-items li img{
	display: inline-block;
	height: 250px;
	width: 250px;

}

.brdr-portfolio {
border:solid 3px white;
width:250px;
height:250px;
}

.rollover_img {
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
._img {
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
a:hover .rollover_img {
height: auto;
opacity: 1;
}
a:hover ._img {
height: auto;
opacity: 1;
}
.ff-items li{
margin:0px;
float:left;
width:292px;
height:292px;
transition:opacity 0.5s ease-in-out;
-webkit-transition:opacity 0.5s ease-in-out;
}
.ff-container input.ff-selector-type-all:checked ~ .ff-items li,
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4{
opacity: 1;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3),
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4){
opacity: 0.1;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span,
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4) span{
display:none;
}



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:url(/img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/img/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/img/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/img/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/img/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/img/loading.gif) no-repeat center center;}


#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}


.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



.plan {
border:solid 3px #d8c58d;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.plan:hover {
border:solid 3px #c7a339;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}

.featured {
border:double 40px #c7a339;
}
.featured:hover {
	border:double 40px #d8c58d;
}

.name-plan {
	padding:0 0 0 0;
	color:#c7a339;
	font-weight:900;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:4px;
}
.tarif-plan {
	padding:0px 0 0 0;
	color:#c7a339;
	font-size:0px;
	font-weight:700;
}
.tarif-plan sup {
font-size:45px;
}
.options-plan {
	text-transform:uppercase;
	font-size:12px;
	font-weight:900;
	color:#c7a339;
	letter-spacing:1px;
	padding:0 0 0px 0;
}
.options-plan p {
padding:12px 0;
}

.get-started {
margin-top:20px;
color:#c7a339;
border:double 4px #c7a339;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
font-size:14px;
font-weight:900;
text-transform:uppercase;
letter-spacing:3px;
padding:15px 0;
margin-bottom:20px;
}
.get-started:hover {
background:rgba(255, 255, 255, 0.1);
color:#0a1a39;
border:double 4px #0a1a39;
}




input[type="text"], input[type="email"] {
width:100%;
height:70px;
padding:0 0 0 40px;
margin:0 0 20px;
background:transparent;
color:#0a1a39;
border:solid 3px #d8c58d;
text-transform:uppercase;
font-weight:900;
font-size:14px;
letter-spacing:1px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
input[type="text"]:hover, input[type="text"]:active,
input[type="email"]:hover, input[type="email"]:active {
border:solid 3px #0a1a39;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
textarea  {
width:100%;
padding:21px 0 0 40px;
margin:0 0 20px;
height:70px;
background:transparent;
color:#0a1a39;
border:solid 3px #d8c58d;
text-transform:uppercase;
font-weight:900;
font-size:14px;
letter-spacing:1px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
textarea:hover, textarea:active {
border:solid 3px #0a1a39;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
input[type="submit"] {
text-align:center; 
background:transparent;
width:100%; 
border:solid 3px #d8c58d; 
padding:0; 
margin:0;
cursor:pointer;
height:70px;
color:#0a1a39;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
text-transform:uppercase;
font-weight:900;
font-size:14px;
margin-bottom:20px;
}
input[type="submit"]:hover {
background:rgba(255, 255, 255, 0.1);
border:solid 3px #0a1a39; 
color:#0a1a39;
}

.notification_ok{
width:100%;
margin:20px auto;
padding:12px;
background:#0a1a39;
color: #c7a339; 
text-transform:uppercase;
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-align: center;
}


.cont-details {
border:solid 3px #d8c58d; 
}
.adress {
padding:80px 20% 44px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
text-align:left;
}
.adress p {
padding:10px 0 0;
}
.phone {
padding:0 20% 44px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
text-align:left;
}
.email {
padding:0 20% 80px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
}

.email a {
color:#fff;
transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
}
.email a:hover {
color:#0a1a39;
transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
}

.fa-map-marker {
color:#0a1a39; 
left:20%;
top:26.4%;
position:absolute;
font-size:30px;
}
.fa-phone {
color:#0a1a39; 
left:20%;
top:49.5%;
position:absolute;
font-size:30px;
}
.fa-envelope-o {
color:#0a1a39; 
left:20%;
top:68.5%;
position:absolute;
font-size:30px;
}




.copyright {
color:#0a1a39; 
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:3px;
margin:70px 0 0;
}
.copyright a {
color:#d8c58d; 
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.copyright a:hover {
color:#0a1a39;  
}


.social-net{
margin:55px 0 0;
}

.icon-button {
background-color:#0a1a39; 
border-radius:50px;
cursor:pointer;
display:inline-block;
font-size:18px;
height:50px;
line-height:50px;
margin:0 7px;
position:relative;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:50px;
}


.icon-button span {
border-radius:0;
display:block;
height:0;
left:50%;
margin:0;
position:absolute;
top:50%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
width:0;
}
.icon-button:hover span {
width:50px;
height:50px;
border-radius:50px;
margin:-25px;
}
.twitter span {
background-color:#4099ff;
}
.facebook span {
background-color:#3B5998;
}
.google-plus span {
background-color:#db5a3c;
}


.icon-button i {
background:none;
color:white;
height:50px;
left:0;
line-height:50px;
position:absolute;
top:0;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
width:50px;
z-index:10;
}
.icon-button .icon-twitter {
color: #4099ff;
}
.icon-button .icon-facebook {
color: #3B5998;
}
.icon-button .icon-google-plus {
color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
color: white;
}



.carousel,
.item,
.active {
	height:100%;
}

.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}





.about-section {
height: auto;
padding:100px 0;
text-align: center;
display: table;
width: 100%;
background:#c7a339;
color:#0a1a39;
}

.services-section {
height:auto;
padding:100px 0;
text-align:center; 
display: table;
width:100%;
background:#0a1a39;
color:#c7a339;
}

.portfolio-section {
height:100%;
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#c7a339;
color:#0a1a39;
}

.pricing-section {
height:100%;
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#0a1a39;
color:#c7a339;
}
.education-section {
height:100%;
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#c7a339;
color:#0a1a39;
}
.contact-section {
height:auto;
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#c7a339;
color:#c7a339;
}



@media only screen and (max-width: 1200px) {


.ff-container{
width:876px;
margin:55px auto;
}

}

@media only screen and (max-width: 992px) {


.ff-container{
width:584px;
margin:55px auto;
}

}

@media(min-width:767px) {
.navbar {
padding: 20px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {
 
padding: 0;
}
}

@media only screen and (max-width: 768px) {



.navbar-custom {
background-color: #0a1a39;
border-color: #0a1a39;
}
.navbar-toggle {
padding:9px 10px;
margin:15px;
}
.navbar-custom .navbar-toggle {
border-color: #c7a339;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color: #d8c58d;
}
.navbar-custom .navbar-toggle .icon-bar {
background-color: #c7a339;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}


.home-group-txt {
margin:170px 0 50px;
}

.home-middle-text {
font-size:25px;
}


.ff-container{
width:292px;
margin:55px auto;
}


.copyright {
text-align:center;
}


.social-net{
text-align:center;
}

}