@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
body{font-family: 'Open Sans', sans-serif; background: #faf8f4;}
.top-bar{background-color: #2e4456; padding: 4px 0;}
.top-bar ul{margin-bottom: 0;}
.top-bar ul li a{color: #fff; text-transform: uppercase; font-size: 11px;}

.top-mid{padding-top: 0px; font-size:20px;}
.top-mid ul li{margin-right: 5px; position: relative;}
.top-mid ul li a:after{content: ""; display: block; width: 2px; height: 18px; position: absolute; right: -4px; top: 8px; background: #fff;}
.top-mid ul li:last-child a:after{display: none;}
.top-left{padding-top: 4px;}
.top-left ul li{margin-right: 3px; position: relative;}
.top-left ul li a:after{content: ""; display: block; width: 1px; height: 9px; position: absolute; right: -4px; top: 7px; background: #fff;}
.top-left ul li:last-child a:after{display: none;}
.top-right ul li a{display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px;}
.top-right ul li.fb a:hover{background: #3B5998;}
.top-right ul li.tw a:hover{background: #33CCFF;}
.top-right ul li.go a:hover{background: #D94835;}
.top-right ul li.yo a:hover{background: #8E151C;}
.top-right ul li.ins a:hover{background: #A37154;}
.menu-bar{padding: 30px 0; background: #fff;}
a.site-logo{display: inline-block; float: left; margin-top: 2px;}
.navbar-default{float: right; border: none; background: none; min-height: 0; margin-bottom: 0; border-radius: 0;}
.navbar-default .navbar-nav>li>a{color: #535a65; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 8px 12px;}
.navbar-default .navbar-nav>li>a i{color: #2196f3; margin-right: 5px;}
.navbar-default .navbar-nav>.active>a i{color: #fff;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{background: #ffb300; color: #fff; border-radius: 8px;}
.navbar-collapse{padding-right: 0; padding-left: 0;}
.intro{background: url(../images/intro-bg.jpg) no-repeat;}
.intro-inner{width: 100%; display: table;}
.intro-inner-holder{display: table-cell; vertical-align: middle; height: 440px;}
.intro .text{color: #fff;}
.intro .text h1{font-size: 40px; line-height: 35px; font-weight: 700; margin: 0 0 20px 0;}
.intro .text p{font-size: 22px; line-height: 28px; margin: 0 0 30px 0;} 
.intro .text a{display: inline-block; text-decoration: none; color: #fff; background: #ffb300; border-radius: 5px; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 8px 30px;}
.intro .text a:hover, .form-wrap button:hover, .about a:hover{background: #f2aa02;}
.form-wrap{background: #dfdfdf; border-radius: 5px; padding: 25px 20px; margin-bottom: 10px;}
.form-wrap h2{color: #626262; font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0;}
.form-wrap .form-control{height: 40px; font-size: 13px; box-shadow: none; border-color: transparent; padding-left: 15px;}
.form-wrap .checkbox label{color: #2196f3; font-size: 13px; font-weight: 600;} 
.form-wrap button{background: #ffb300; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 700; border: none; outline: none; padding: 10px 55px; border-radius: 5px; margin-bottom: 10px;}
.form-wrap a.lost-pass{font-size: 13px; color: #2196f3; font-weight: 600;}
.form-wrap a.lost-pass i{margin-right: 5px;}
a.sign-up{font-size: 16px; text-decoration: none; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 0; font-weight: 700; display: block; width: 100%; border-radius: 5px; background: #2196f3;}
a.sign-up i{margin-right: 8px;}
a.sign-up:hover{background: #1f8adf;}
.home-block{text-align: center; padding: 50px 0;}
.home-block h1{color: #2e4456; font-size: 24px; margin: 0 0 45px 0; font-weight: 700; text-transform: uppercase;}
.home-block h1:after{content: ""; display: block; width: 50px; height: 2px; margin: 10px auto; background: #ffb300;}
.services .service img{-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden;}
.services .service img:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}
.services .service h3{font-size: 20px; color: #2e4456;}
.services .service p{color: #5d6c79; font-size: 13px; line-height: 20px; margin: 0;}
.map{background-color: #e9ece5; background-image: url(../images/map.png); background-repeat: no-repeat; background-size: cover;}
.map-bg{background: url(../images/map-bg.png) no-repeat center center; height: 221px;}
.about{background: #fff;}
.about h1{margin-bottom: 25px;}
.about p{color: #5d6c79; font-size: 13px; line-height: 20px; margin-bottom: 30px; font-weight: 600;}
.about a{background: #ffb300; text-decoration: none; font-size: 16px; display: inline-block; border-radius: 5px; font-weight: 700; text-transform: uppercase; padding: 10px 30px; color: #fff;}
.quotes blockquote p{color: #5d6c79; font-size: 13px; line-height: 20px;}
.client-name img{width: 79px; height: 79px; border-radius: 100%;}
.client-name h4{color: #2e4456; font-size: 18px; margin: 15px 0 0 0;}
.quotes .container{position: relative;}
.btn-prev, .btn-next{position: absolute; color: #afb3b7; font-size: 30px; top: 50%; margin-top: -65px; cursor: pointer;}
.btn-prev{left: 65px;}
.btn-next{right: 65px;}
.owl-pagination{margin-top: 20px;}
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}
.partners{background: #fff; padding-bottom: 38px;}
.partners a{display: inline-block; max-width: 100%;}
.partners img{transition: all .25s ease-in-out;
              -moz-transition: all .25s ease-in-out;
              -webkit-transition: all .25s ease-in-out;
              -webkit-filter: grayscale(100%);
              filter: gray;
              filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/s�.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
              filter: grayscale(100%);
}
.partners img:hover{
    -webkit-filter: grayscale(0%);
    filter: none;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/s�33 0.3333 1 1 0.3333 0.3333 0.3333 0 0 0 1 0' /></filter></svg>#greyscale");
    filter: grayscale(0%);
}
footer{background-color: #2e4456; padding: 40px 0;}
footer h2{font-size: 16px; color: #fff; margin: 0 0 15px 0; font-weight: 700;}
footer p{font-size: 13px; color: #aeb1b7; margin: 0 0 10px 0; line-height: 20px;}
.newsletter .input-group .form-control, .newsletter .input-group-btn>.btn{height: 45px;  border-radius: 5px; box-shadow: none; font-size: 13px;}
.newsletter .input-group-btn>.btn{font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 0 25px; margin-left: 10px;}
.this-social ul{margin-top: 25px;}
.this-social ul li a{font-size: 22px; color: #fff;}
.navbar-fixed-top{padding: 15px 0; -webkit-box-shadow: 0 4px 6px -6px #777; -moz-box-shadow: 0 4px 6px -6px #777; box-shadow: 0 4px 6px -6px #777;}
.of-navbar{min-width: 170px; background: #fff; position: absolute; border: none; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); text-transform: none; font-size: 12px; border-radius: 0; padding: 0;}
.of-navbar li a{padding: 8px 15px; color: #767f88; text-transform: uppercase; border-bottom: solid 1px #efefef;}
.of-navbar li:first-child{border-top: 2px solid #2196f3;}
.dropdown-menu li:last-child a{border-bottom: 0;}
li.dropdown:hover .dropdown-menu{display: block;}
li.dropdown:hover > a:after{bottom: 0; width: 0; height: 0; z-index: 1002; content: " "; display: block !important; position: absolute; border-bottom: 8px solid #2196f3; border-left: 8px solid transparent; border-right: 8px solid transparent;}
/*Media Queries*/
@media (max-width: 992px){
    .intro .text h1{font-size:30px; margin: 0 0 10px 0;}
    .intro .text p{font-size: 16px; margin: 0 0 15px 0;}
    .intro-inner-holder{height: 250px;}
}
@media (max-width: 768px){
    .top-left, .top-right, .top-mid{text-align:center;}
    .navbar-default{float: none;}
    .navbar-collapse{padding-right: 15px; padding-left: 15px;}
    a.site-logo{margin-top: 10px; position: relative; z-index: 999;}
    .service{margin-bottom: 20px;}
    .btn-prev, .btn-next{display: none;}
    .newsletter, .this-social{margin-bottom: 30px;}
    .this-social ul{margin-top: 0;}
}
@media (max-width: 480px){
    .intro .text h1{font-size:20px; line-height: 25px;}
    .intro .text p{font-size: 13px; line-height: 20px;}
    .intro .text a{font-size: 14px; padding: 5px 20px;}
    .intro-inner-holder{height: 230px;}
    .home-block h1{font-size: 16px;}
    .services .service h3, .client-name h4{font-size: 15px;}
    .services .service p, .about p{font-size: 12px;}
}


#element_to_pop_up{
    direction: ltr;
    background-color: #fff;
    margin: 0 auto;
    display: table;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px #CCC;
}