/* ==========================================================================
Global Settings
========================================================================== */
.row { margin-left: -19px; margin-right: -19px; }
.container { padding-left: 19px; padding-right: 19px; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

body , html , #container { height: 100%; }
/*
* Body settings, change it as required
*/

body { font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.4; }


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Museo', sans-serif; font-weight:bold; text-rendering: optimizeLegibility; margin-top:0px; }


/*
* Paragraphs
*/

p { font-weight: normal; margin-top:0px; }


/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ text-decoration: none; color: inherit; }
a:focus { color: inherit; outline: none; text-decoration: none;  }
p a, p a:visited { line-height: inherit; }


/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}


/* ==========================================================================
Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }

.right { float: right; }


/*
* Text Alignment
*/

.text-left { text-align: left; }

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

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


/*
* Image Alignment
*/

img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}

img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}

img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
    content: "";
    display: table;
    clear: both;
}

/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }


/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
* Other
*/


/* ==========================================================================
Layout
========================================================================== */
/*
* container
*/
.container-fluid {overflow: hidden;}
.container { max-width: 1005px; }
@media(max-width:992px) {
    .container { max-width: 800px;}
}

/* Container ---------------------- */
#container {padding-top: 93px; min-width: 320px; }
body.page-home #container {padding-top: 0;}

@media(max-width:767px) {
    #container {padding-top: 64px;}
}

/* 
*Header
*/
#header { padding: 29px 35px 20px 38px; background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; box-shadow: 0 2px 10px rgba(18, 16, 11, 0.4);}

#header .container { max-width: 100%; padding: 0; }
#header .logo { float: left; width: 20%;}


#header .get-in-touch { float: right; width: 20%; text-align: right;}

@media (max-width:991px){
    
    #header .button1 { padding: 8px 15px; font-size: 14px; }
    #header { padding: 26px 14px 26px 15px; }
}
@media (max-width:767px){
    #header { padding: 20px 0px; }
    #header .logo {padding-left: 20px; width: 50%;}
    #header .get-in-touch { display: none; float: none; }
    #header #main-navigation .nav-wrapper .button1 { display: block; }
}

/*
* logo
*/
.logo a { background: url(../images/logo.svg) no-repeat;  padding-top: 36px; display: block; width: 210px;}

@media(max-width:870px) {
    .logo {padding-top: 10px;}
    .logo a {background: url(../images/mobile-logo.svg) no-repeat; padding-top: 22px;}
}
@media(max-width:767px) {
    .logo {padding-top: 0;}
}

/*
*Banner
*/
#banner { position: relative; background-repeat: no-repeat; background-size: cover;  position: relative; z-index: 100;}
#banner .banner-image { width: 100%; height: 500px; }
#banner .description { text-align: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .description .wrapper { display: table; height: 100%; width: 100%; }
#banner .description .wrapper .inner-wrap { display: table-cell; vertical-align: middle; }
#banner .description h2 { color: #fff; font-weight: 500; color: #fff; font-size: 62px; line-height: 66px; margin: 0; font-family: 'museo'; }
#banner .description h2 span { text-transform: uppercase; font-size: 32px; font-weight: 300; font-family: 'Roboto'; line-height: 65px; }
#banner .arrow1 { width: 60px; height: 60px; border-radius: 50%; background: #fff; display: block; margin: 0 auto; margin-bottom: 20px; }
#banner .fa-caret-right { font-size: 60px; text-align: center; padding-left: 8px; color: #32b3e2;}
#banner a:hover  .fa-caret-right{color:#0d2734;}

@media(max-width:992px) {
    #banner .description h2 { font-size: 40px; line-height: 45px;}
}

@media (max-width:767px){
    #banner {min-height: 380px;}
    #banner .description h2 span { font-size: 20px; }
    #banner .description h2 { font-size: 26px; line-height: 30px; }
}

@media(max-width:640px) {
    #banner .description h2 span { font-size: 16px; line-height: 20px;}
}

/*
* white
*/
#banner #white {background: #fff; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%;}

/*
* heading
*/
#banner h2.heading {font-size: 46px; line-height: 50px; }
#banner h2.heading span {font-size: 24px; line-height: 28px;}

@media(max-width:640px) {
    #banner h2.heading {font-size: 26px; line-height: 30px; }
    #banner h2.heading span {font-size: 16px; line-height: 20px;}   
}

/*
* overlay
*/
.overlay { background: rgba(3,25,36,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; display: inline-block; }

/*
*Main Navigation
*/
#main-navigation { float: none; margin: 0 auto; width: 60%; position: relative; left: 15px;}
#main-navigation ul { margin: 0; padding: 0; padding-top: 7px; text-align: center; }
#main-navigation li { list-style: none; font-size: 16px; line-height: 18px; color: #8c959b; display: inline-block; font-family: 'Roboto', sans-serif;  font-weight: 400; margin-left: 33px;  text-transform: capitalize;
transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

#main-navigation li a { transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) .1s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) .1s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) .1s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) .1s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) .1s;}

#main-navigation li:first-child {margin-left: 0;}
#main-navigation a { color: inherit; padding-bottom: 5px; position: relative; }
#main-navigation li:hover a  {transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#main-navigation li:hover a , #main-navigation li.active a {color: #06a7e2;}
#main-navigation li a:after {content: ""; border-bottom: 2px solid #06a7e2; position: absolute; bottom: -10px; left: 0; width: 0%; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#main-navigation li a:hover:after, #main-navigation li.active a:after {width: 100%; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#main-navigation li.nav-button { display: none;}
#main-navigation li.nav-button .button1 { width: 220px; margin: 0 auto !important; }


@media (max-width:1100px){
    #main-navigation li { margin-left: 20px; }
}

@media (max-width:991px){
    #main-navigation li { font-size: 13px; line-height: 17px; margin-left: 15px;}
} 

@media (max-width:767px){
    #main-navigation {width: 100%; margin: 0; left: 0;}
    #main-navigation ul:before { content: ''; display: inline-block; background: url(../images/horizontal-line.jpg); background-size: 100% 100%; height: 4px; position: absolute; top: 0; left: 0; width: 100%; }
    #main-navigation ul { float: none;width: 100%; background: #fff; position: absolute; top: 40px; left: auto; width: 100%; padding-top: 30px; padding-bottom: 45px; }
    #main-navigation li { display: block; margin: 0; text-align: center; padding: 20px 0; font-size: 25px; }
    #main-navigation li.nav-button a { width: 220px; margin: 0 auto !important;  background: #06a7e2; border:none;    border-radius: 30px; color: #fff; display: inline-block; font-family: "museo"; font-size: 25px; font-weight: 700;   padding: 10px 30px; text-align: center; text-transform: capitalize; position: relative; overflow: hidden;}
    #main-navigation li.nav-button {display: block;}
}

@media(max-width:767px) {
    #main-navigation li.nav-button a:hover:after {display: none;}
}

@media(max-width:640px) {
    #main-navigation ul {padding: 20px 0;}
    #main-navigation li {font-size: 12px; line-height: 16px; padding: 10px 0;}
    #main-navigation li.nav-button a {font-size: 12px; line-height: 16px;}
}

/*
*nav-wrapper
*/
#main-navigation .nav-wrapper li.nav-button .button1 { display: none; margin: 0; font-size: 25px; }
#main-navigation li.nav-button .button1:hover , #main-navigation li.nav-button .button1:focus , #main-navigation li.nav-button:hover .button1 , #main-navigation li.nav-button:focus .button1 { color: #fff; }

/*
* nav-button
*/
.nav-button a .overlay1 { position: absolute;  display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #0d2734; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-transition: width 0.4s, height 0.4s;  transition: width 0.4s, height 0.4s; z-index: -1;}
.nav-button a:hover span.overlay1 {  width: 562.5px;  height: 562.5px; z-index: 1;}
.nav-button a span.text { z-index: 2; display: block; position: relative;}

@media (max-width:767px){
    .nav-wrapper .cancel-btn , .nav-wrapper .button1 { display: block; }
    .nav-wrapper { position: absolute; top: 0; width: 100%; right: 0; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; right: -10000px; }
    body.open-menu .nav-wrapper { right: 0; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
}

/*
*menu-btn
*/
#main-navigation .menu-btn { background:rgba(0, 0, 0, 0); border: 0; display: none; height: 20px; width: 23px; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; right: 15px; top: 50%; margin-top: -4px; display: none; }
#main-navigation  .menu-btn span.line { background: none repeat scroll 0 0 #0d2b3d; border-radius: 2px; display: block; height: 3px; position: relative; width: 20px; margin-top:3px; }
#main-navigation  .menu-btn span.line:first-child { margin-top: 0px; }

@media (max-width:767px){
 #main-navigation  .menu-btn { display: block; z-index: 4; }
}

/*
*cancel-btn
*/
.cancel-btn { background: #ffffff; border: 0; display: block; height: 42px; width: 42px; padding: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; right: 15px; top: 0; margin-top: -10px; }
.cancel-btn span.line { background: #0d2b3d; border-radius: 0; display: block; height: 3px; position: relative; width: 20px; margin-top:3px; margin: 0 auto; }
.cancel-btn span.line:first-child { margin-top: 0px; }
.cancel-btn span:nth-child(1) { top: 20px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);  0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.cancel-btn span:nth-child(2) { opacity: 0; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.cancel-btn span:nth-child(3) { top: 13px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

/*
*Footer
*/
#footer { background: #0a2a3b; padding: 30px 0; text-align: center; }
#footer p { font-weight: 400; font-size: 12px; color: #fff; line-height: 14px; }
#footer p a { color: #06a7e2; margin-left: 5px; }
#footer p a:hover { color: #fff; }
#footer .sociable { margin: 0; padding: 0; margin-bottom: 10px; }
#footer .sociable li { list-style: none; display: inline-block; color: #fff; font-size: 24px; margin: 0 15px; }
#footer .sociable a { color: #fff; }
#footer .sociable a:hover {color: #06a7e2;}
#footer .footer-logo { margin-bottom: 29px; }

@media(max-width:480px) {
    #footer p a {margin-bottom: 5px;}
}

/*
*footer-navigation
*/
.footer-navigation { margin-bottom: 25px; }
.footer-navigation ul { margin: 0; padding: 0; }
.footer-navigation li { list-style: none; display: inline-block; font-size: 16px; line-height: 18px; color: #06a7e2; margin: 0 20px; }
.footer-navigation a { color: #06a7e2; }
.footer-navigation a:hover {color: #fff;}

@media (max-width:767px){
    #footer { padding: 23px 0; }
    .footer-navigation li {margin: 0 5px;}
}

/*
*Sticky-footer
*/
#inner-container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -255px; }
#footer, .push { height: 255px; }

@media (max-width:767px){
    #footer , .push { height: 280px; }
    #inner-container { margin: 0 auto -280px; }
}

/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */

/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td
{ margin: 0; padding: 0; font-size: 14px; direction: ltr; }

.post p , p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 17px; color: #647783; }
.post p.caption { color:#999999; margin-top:5px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6
{ font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 0px; }

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small
{ font-size: 60%; color: #6f6f6f; line-height: 0; }

.post h1, h1 {font-size: 62px; line-height: 66px; margin-bottom: 50px;}
.post h1 span, h1 span {display: block; font-weight: 300; font-size: 32px; line-height: 40px;}

.post h2 , h2 { font-size: 42px; color: #0d2734; font-weight: 500; line-height: 42px; margin-bottom: 30px; font-family: 'museo'; }
.post h2 span , h2 span { font-size: 26px; display: block; line-height: 26px; margin-bottom: 10px; }

.post h3 , h3 { font-size: 26px; font-weight: 500; color: #0d2734; line-height: 28px; margin-bottom: 15px; }

.post h4 { font-size: 23px; }

.post h5 { font-size: 17px; }

.post h6 { font-size: 14px; }

.post code { font-weight: bold; background: #ffff99; }

/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; margin-left: 20px;}

.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; margin-left: 20px; }

.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }

.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 4px solid #BDC4C8; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }

@media(max-width:767px) {
    .post h2 , h2 {font-size: 54px; line-height: 54px; margin-bottom: 40px;}
    .post h2 span , h2 span {font-size: 38px; line-height: 38px;}
    .post h3, h3 {font-size: 54px; line-height: 60px;}
    .post p, p {font-size: 25px; line-height: 40px;}
}

@media(max-width:640px) {
    .post h1, h1 {font-size: 27px; line-height: 31px;}
    .post h1 span, h1 span {font-size: 16px; line-height: 20px;}
    .post h2 , h2 {font-size:27px; line-height: 27px; margin-bottom: 20px;}
    .post h2 span , h2 span {font-size: 19px; line-height: 19px;}
    .post h3, h3 {font-size: 27px; line-height: 30px;}
    .post p, p {font-size: 12px; line-height: 21px;}
}

/* ============================================================================
                    Layout Settings
=============================================================================*/

/*
*video
*/
.video { position: relative; }
.video .video-btn { position: absolute; background: url(../images/play-btn.png); width: 92px; height: 65px; top: 50%; margin-top: -33px; left: 50%; margin-left: -46px; }

/*
*two-column-layout
*/
.two-column-layout .column { max-width: 50%; float: left; padding-right: 100px; }

@media(max-width:992px) {
    .two-column-layout .column {padding-right: 30px;}
}

@media (max-width:767px){
    .two-column-layout .column { max-width: 100%; float: none; padding: 0; }
}

/*
*box
*/
.box { background:rgba(255,255,255,0.9); padding: 50px 80px; margin: 0 -80px; box-shadow: 0 0 20px 1px rgba(18,16,11,.4);}

@media (max-width:1200px){
    .box { margin: 0; }
}

@media(max-width:992px) {
    .box { padding: 50px 30px; }
}

@media (max-width:767px){
    .box { padding: 20px 30px; }
}

/*
*arrow-ruler
*/
body.page-home .arrow-ruler { text-align: center; position: relative; z-index: 101; top: -165px; }
body.page-home .arrow-ruler .fa-angle-down {  background: #06a7e2; }
body.page-home .ruler { background: url(../images/vertical-ruler.jpg); width: 4px; height: 239px; background-repeat: no-repeat; display: inline-block; position: absolute; top: 73px; left: 50%; margin-left: -2px; }

/*
*arrow-ruler
*/
.arrow-ruler { text-align: center; position: relative; z-index: 101; top: -115px; }
.arrow-ruler .fa-angle-down { color: #fff; font-size: 36px; width: 45px; height: 45px; background: #0d2734; text-align: center; line-height: 45px; border-radius: 50%; margin-bottom: 28px; }
.ruler { background: #fff; width: 4px; height: 120px; position: absolute; top: 73px; left: 50%; margin-left: -2px; }

/*
*buttons
*/
.button1 { background: #06a7e2; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; padding: 8px 35px; text-align: center; border-radius: 30px; border: 0; text-transform: capitalize; font-family: 'Museo', sans-serif; position: relative; overflow: hidden; }
.button1:focus , .button1:hover { color: #fff; }

.button1 span.overlay1 { position: absolute;  display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #0d2734; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-transition: width 0.4s, height 0.4s;  transition: width 0.4s, height 0.4s; z-index: -1;}
.button1:hover span.overlay1 {  width: 562.5px;  height: 562.5px; z-index: 1;}
.button1 span.text { z-index: 2; display: block; position: relative;}

@media(max-width:767px) {
    .button1  { font-size: 33px; line-height: 37px; padding: 13px 40px;}
}

@media(max-width:640px) {
    .button1 {font-size: 17px; line-height: 31px; padding: 10px 25px; min-width: 200px;}
}

/*
* button2
*/
.button2 { min-width: 240px; padding: 15px; font-size: 20px; color: #fff; line-height: 24px; background-color: #0d2734; border-radius: 30px; text-transform: capitalize; display: inline-block; text-align: center; position: relative; overflow: hidden; font-family:"museo"; font-weight: 500;}
.button2:hover, .button2:focus {color: #fff;}

.button2 span.overlay1 {  position: absolute;  display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #06a7e2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-transition: width 0.4s, height 0.4s;  transition: width 0.4s, height 0.4s; z-index: -1;}
.button2:hover span.overlay1 {  width: 562.5px;  height: 562.5px; z-index: 1;}
.button2 span.text { z-index: 2; display: block; position: relative;}

@media(max-width:640px) {
    .button2 {font-size: 17px; line-height: 31px; padding: 10px 25px; min-width: 200px;}
}

/*
* team
*/
#team { padding-top: 165px; padding-bottom: 75px; margin-top: -90px; background: url(../images/team-background.jpg); width: 100%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#team blockquote { position: relative; }
#team blockquote p { color: #00c189; font-size: 24px; line-height: 36px; font-family: 'Roboto', sans-serif; font-weight: 700; position: relative; }
#team p { color: #647783; margin-bottom: 45px; }
#team blockquote:before { content: "''"; display: inline-block; font-size: 96px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #00c189; position: absolute; top: -60px; left: 0; }
#team blockquote p:first-child { margin-top: 25px; }
#team blockquote cite { font-style: normal; font-size: 16px; line-height: 30px; color: #647783; font-weight: 400; font-family: 'Roboto', sans-serif; }

@media(max-width:767px) {
    #team { padding-top: 100px; margin-top: -85px;}
    #team blockquote::before {top: -85px;}
    #team blockquote {margin-bottom: 60px;}
    #team blockquote p {font-size: 29px; line-height: 46px;}
    #team blockquote cite {font-size: 21px; line-height: 30px;}
}

@media(max-width:640px) {
    #team { padding-top: 60px; margin-top: -42px; padding-bottom: 40px;}
    #team blockquote::before {top: -70px; font-size: 70px;}
    #team blockquote p {font-size: 15px; line-height: 22px; margin-bottom: 24px;}
    #team blockquote cite { font-size: 10px; line-height: 14px;}
    #team blockquote {margin-bottom: 35px;} 
    #team p {margin-bottom: 25px;}
}

/*
* box
*/
@media(max-width:767px) {
    .box {padding: 95px 46px 45px;}
}

@media(max-width:640px) {
    .box { padding: 47px 22px 22px;}
}

/* ==========================================================================
  home page specific
========================================================================== */

/*
* our-story
*/
#our-story { padding-top: 70px; padding-bottom: 88px;}

@media(max-width:767px) {
    #our-story  {padding-top: 60px; padding-bottom: 90px; }
}
@media(max-width:640px) {
    #our-story  {padding-top: 50px; padding-bottom: 45px; }
}

/*
* our-story two-column-layout
*/
#our-story .two-column-layout {margin-top: -95px;}
#our-story .two-column-layout .column {padding-right: 20px; width: 50%;}
#our-story .two-column-layout .column + .column {padding-left: 28px; }
#our-story .two-column-layout .column:first-child img { margin-top: -48px;}
#our-story .story-wrapper {max-width: 395px;}
#our-story .story-wrapper p {margin-bottom: 35px;}

@media(max-width:767px) {
    #our-story .two-column-layout .column:first-child {display: none;}
    #our-story .two-column-layout .column {width: 100%; max-width: 100%; float: none; padding: 0 38px;}
    #our-story .two-column-layout .column + .column {padding-left: 38px;}
    #our-story .story-wrapper {max-width: 100%;}
    #our-story .two-column-layout {margin-top: 0;}
    #our-story .story-wrapper p {margin-bottom: 50px;}
    #our-story .story-wrapper h2 { margin-bottom: 17px;} 
}

@media(max-width:640px) {
    #our-story .story-wrapper p {margin-bottom: 28px;}
    #our-story .two-column-layout .column + .column {padding-left: 19px;}
    #our-story .two-column-layout .column {padding:0 19px;}
}


/*
* image-gallery
*/
#image-gallery { padding: 150px 20px 40px;}
#image-gallery  img {width: 100%;}
#image-gallery .col-sm-3, #image-gallery .col-sm-6 {padding: 0;}
#image-gallery .one-fourth, #image-gallery .one-half {position: relative;}
#image-gallery .container {max-width: 1280px;}

@media(max-width:640px) {
    #image-gallery { padding-bottom: 70px; padding-top: 70px;}
}


/*
* solutions
*/
#solutions { padding-top: 70px; padding-bottom: 150px;}
#solutions .col-md-4.campaigns { padding-top: 52px;}
#solutions .col-md-4.campaigns p {margin-bottom: 32px;}

@media(max-width:767px) {
    #solutions {padding: 148px 0 120px; }
    #solutions .col-md-4.campaigns {padding-top: 0;}
    #solutions .col-md-4.campaigns p {margin-bottom: 54px;}
}
@media(max-width:640px) {
    #solutions {padding: 50px 0 100px; }
    #solutions .col-md-4.campaigns p {margin-bottom: 27px;}
    #solutions .col-md-4.campaigns h2 {margin-bottom: 15px;}
}

/*
* service-block
*/
.service-blocks {margin: 0; padding: 0;}
.service-blocks li {font-size: 38px; color: #0d2734; list-style: none; position: relative; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; float: left; width: 49%; margin-left: 2%; margin-bottom: 30px; }
.service-blocks li h2 { background:url(../images/border-bg.jpg) no-repeat; padding-bottom: 63px; background-position: left bottom; padding-top: 85px; font-size: 38px; margin-bottom: 0; min-height: 232px; background-size: 100% 4px;}
.service-blocks li:nth-child(odd) {margin-left: 0;}
.service-blocks .inner-content p { font-size: 14px; color: #647783; line-height: 24px;}
.service-blocks li {overflow: hidden;}
.service-blocks .inner-content { max-width: 100%; padding: 20px 20px 28px; background-color: #ebebeb; position: absolute; height: 100%; width: 100%; bottom: -100%; left: 0; text-align: left; transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s; transform: translateY(100%);}
.service-blocks li:hover .inner-content {transition: transform 0.4s ease 0s, opacity 0.1s ease 0s; transform: translateY(0px); opacity: 1; bottom: 4px; }

@media(max-width:767px) {
    .service-blocks li h2 {min-height: 256px; font-size: 50px;}
    .service-blocks .button1 {padding: 13px 20px;}
    .service-blocks .inner-content p {font-size: 18px; line-height: 30px;}
}

@media(max-width:640px) {
    .service-blocks li {float: none; width: 100%; margin-left: 0;}
    .service-blocks .inner-content {max-width: 100%;}
    .service-blocks li h2 {font-size: 33px; line-height: 37px; min-height: inherit;}
    .service-blocks .inner-content p {font-size: 12px; line-height: 18px;}
    .service-blocks .button1 { padding: 10px 13px;}
}

/*
*contact-form
*/
.contact-form ul { margin: 0; padding: 0; }
.contact-form li { list-style: none; margin-bottom: 10px; }
.contact-form form input[type="text"], .contact-form form input[type="password"], .contact-form form input[type="date"], .contact-form form input[type="datetime"], .contact-form form input[type="datetime-local"], .contact-form form input[type="month"], .contact-form form input[type="week"], .contact-form form input[type="email"], .contact-form form input[type="number"], .contact-form form input[type="search"], .contact-form form input[type="tel"], .contact-form form input[type="time"], .contact-form form input[type="url"], .contact-form form input[type="color"], .contact-form form textarea { width: 100%; background: #ebebeb; border: 0; color: #647783; font-size: 14px; line-height: 30px; padding: 5px 20px; font-weight: 400; font-family: "Roboto",sans-serif; outline: none; }
.contact-form form textarea { min-height: 180px; resize: none; outline: none; }
.contact-form li.submit { text-align: center; }
.contact-form li.submit button {display: block; margin: 0 auto; border: none; }
.contact-form li.submit button input {background: transparent; border: none;}
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { opacity:1; color: #647783; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { opacity:1; color: #647783; }
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { opacity:1; color: #647783; }

/*
* contact
*/
#contact { padding-top: 180px; padding-bottom: 100px; }
@media(max-width:767px) {
    #contact {  padding-top: 160px; padding-bottom: 40px;}
    #contact p {margin-bottom: 48px;}
}

@media(max-width:640px) {
    #contact { padding-top: 80px; padding-bottom: 50px;}
    #contact p {margin-bottom: 23px;}
}

/*
* form
*/
@media(max-width:767px) {
    .contact-form form input[type="text"], .contact-form form input[type="password"], .contact-form form        input[type="date"], .contact-form form input[type="datetime"], .contact-form form input[type="datetime-local"], .contact-form form input[type="month"], .contact-form form input[type="week"], .contact-form form input[type="email"], .contact-form form input[type="number"], .contact-form form input[type="search"], .contact-form form input[type="tel"], .contact-form form input[type="time"], .contact-form form input[type="url"], .contact-form form input[type="color"], .contact-form form textarea {font-size: 16px; line-height: 34px;}
    .contact-form li.submit {padding-top: 30px;}
}

@media(max-width:640px) {
    .contact-form form input[type="text"], .contact-form form input[type="password"], .contact-form form input[type="date"], .contact-form form input[type="datetime"], .contact-form form input[type="datetime-local"], .contact-form form input[type="month"], .contact-form form input[type="week"], .contact-form form input[type="email"], .contact-form form input[type="number"], .contact-form form input[type="search"], .contact-form form input[type="tel"], .contact-form form input[type="time"], .contact-form form input[type="url"], .contact-form form input[type="color"], .contact-form form textarea {font-size: 14px; line-height: 18px;}
}

/*
*news
*/
#news { padding-top: 67px;}
#news .button1 { margin-bottom: 45px; }
#news .twitter {background-color: #00c189; padding: 15px 20px;}
#news .twitter .fa-twitter {color: #fff; font-size: 23px; margin-bottom: 10px;}
#news .twitter p {color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 6px;}
#news .element { min-height: 220px; margin: 0 0 10px 0px; padding-left: 10px;}
/*#news img {width: 100%; min-height: 220px;}*/
#news .one-fourth {float: left; width: 25%; position: relative;}
#news .one-half {float: left; width: 50%;}
#news .wrap {position: relative;}
#news .overlay {background: rgba(13,127,189,.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; padding: 23px 30px 30px;}
#news .wrap:hover .overlay {display: block;}
#news .overlay h3 {color: #fff; font-size: 26px;}
#news .overlay p {color: #fff; font-size: 18px; line-height: 22px;}
#news .inner-wrapper {margin-bottom: 40px;}
#news {  padding: 60px 50px; }
#news .button1 { margin-bottom: 45px; }
#news .text-center .button1 {margin-bottom: 0;}

@media(max-width:992px) {
    #news .overlay { padding: 10px 15px;}
    #news .overlay h3 {font-size: 20px; line-height: 24px;}
    #news .overlay p {font-size: 16px; line-height: 21px;}
}

@media(max-width:767px) {
    #news {padding: 35px 15px;}
}

@media(max-width:640px) {
    #news .one-fourth, #news .one-half {width: 100%;}
    #news {padding: 35px 20px;} 
    #news .overlay { padding: 10px 15px;}
    #news .overlay h3 {font-size: 14px; line-height: 18px;}
    #news .overlay p {font-size: 12px; line-height: 16px;}
    #news .element, #news img {min-height: 150px !important;}
    #news .small-half {width: 50%;}
    #news .small-large {width:100%;}
}

@media(max-width:480px) {
    #news .small-half, #news .small-large {width: 100%;}
}

/*================================================================
    our-story page specific
==================================================================*/
/*
* map
*/
.map {margin-bottom: 80px; padding-top: 30px; overflow: hidden;}
.map img {width: 100%;}
.map area { pointer-events: none; cursor: pointer; position: relative; }

#area1.popup {margin-left: -3px; margin-top: 37px;}
#area10.popup {margin-top: 32px;}
#area9.popup {margin-top: 32px; }
#area8.popup {margin-top: 88px; }
#area7.popup {margin-top: 35px; }
#area6.popup {margin-top: 37px;}
#area5.popup {margin-top: 33px;}
#area4.popup {margin-top: 31px;}
#area3.popup {margin-top: 33px;}
#area2.popup {margin-top: 37px;}

.image1 {display: none; width: 100%;}
@media(max-width:767px) {
     .image1 {display: block;}
}



/*
* general-information
*/
.general-information { margin-bottom: 74px; }

@media(max-width:767px) {
    .general-information .col-md-4 {margin-bottom: 40px;}    
}

@media(max-width:640px) {
    .general-information .col-md-4 {margin-bottom: 35px;}    
}

/*
*charity
*/
.charity { background: url(../images/charity-background.jpg); padding: 75px 0; text-align: center;  margin-bottom: 80px; background-attachment: fixed;}
.charity h2 { margin-bottom: 15px; }
.charity h2 img {vertical-align: top;}
.charity p { margin-bottom: 12px; }

@media(max-width:640px) {
    .charity {margin-bottom: 40px;}
}

/*
* our-values
*/
.our-values h2 { margin-bottom: 35px; }
.our-values h2 span {display: block; font-size: 42px;line-height: 50px; font-family: "museo", sans-serif;}
.our-values h3 { color: #06a7e2; font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 3px; }
.our-values h3 span { color: #00c18b; font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 3px;}
.our-values p { margin-bottom: 85px; }
.our-values .column:after { background: url("../images/vertical-line.jpg"); content: ""; display: inline-block; height: 470px; position: absolute; right: 0; top: 0; width: 4px; }
.our-values .col-md-6.column {text-align: right; padding-right: 40px;}
.our-values .col-md-6 {padding-left: 40px;}

@media(max-width:767px){
    .our-values  .col-md-6.column {text-align: left; padding-right: 19px;}
    .our-values .col-md-6 {padding-left: 19px;}
    .our-values .column::after {display: none;}
    .our-values p {margin-bottom: 40px;}
    .our-values h3 {font-size: 37px; line-height: 41px;}
}

@media(max-width:640px) {
    .our-values h2 span {display: inline-block; font-size: 27px; line-height: 27px;}
    .our-values p {margin-bottom: 20px;}
    .our-values h3 {font-size: 19px; line-height: 23px;}
}

/* ==========================================================================
  clients page specific
========================================================================== */
/*
* our-projects
*/
.our-projects {padding-top: 30px;}
.our-projects h2.text-center {margin-bottom: 21px;}

/*
* category
*/
.category {margin: 0 0 10px; padding: 0; text-align: center; }
.category li {list-style: none; font-size: 16px; line-height: 20px; color: #0a2a3b; display: inline-block; margin-left: 40px; position: relative;}
.category li:first-child {margin-left: 0;}
.category li a {color: inherit;}
.category li.active {position: relative;}
.category li.active:after {content: ""; position: absolute; height: 10px; width: 10px; border-style: solid; border-color: transparent transparent #edf0f2; border-width: 10px; bottom: -22px; left: 50%; margin-left: -10px;}

/*
* category-content
*/
.category-content { background: #edf0f2; padding: 30px 20px;  width: 100%; text-align: center; position: relative; display: none; margin-bottom: 50px; display: none;}
.category-content li {display: inline-block; border: 1px solid #00c189; background: transparent; color: #00c189; list-style: none; border-radius: 30px; margin-left: 15px; min-width: 162px; text-align: center; text-transform: capitalize; font-weight: 500; font-size: 16px; font-family: 'Museo', sans-serif}
.category-content li a {padding: 8px 10px; display: block; color: inherit;}
.category-content li.active, .category-content li:hover { background:#00c189; color: #fff; }

@media(max-width:992px) {
    .category-content {padding: 20px 10px;}
    .category-content li {min-width: 130px;}
}


@media(max-width:767px) {
    .category-content li {margin-bottom: 15px;}
}


/*
* project-list
*/
.project-list {margin-bottom: 15px; margin-top: 30px;}
.project-list .one-half {position: relative; float: left; width: 49%; margin-left: 2%; margin-bottom: 20px; display: inline-block;}
.project-list .one-half:nth-child(odd) {margin-left: 0;}
.project-list .one-half img {width: 100%;}
.project-list .one-half .overlay {position: absolute; top: 0px; left: 0px; background: transparent; padding: 25px; height: 100%; width: 100%;}
.project-list .one-half:hover .overlay {background:  rgba(72,177,212,.5);}
.project-list h2 { font-size: 26px; line-height: 30px; color: #fff; }
.project-list h2 span { font-size: 18px; line-height: 22px; color: #fff; margin-bottom: 0; font-weight: 300; font-family: "Roboto",sans-serif; text-transform: uppercase; }
.project-list p {position: absolute; bottom: 25px; right: 30px; margin-bottom: 0; color: #fff; font-size: 21px; line-height: 25px; font-family: "Museo",sans-serif; font-weight: 500; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.project-list p:hover {right: 5px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}



.project-list p .fa-angle-right {font-size: 21px; line-height: 25px;}

.load-more {margin-bottom: 50px;}

@media(max-width:640px) {
    .project-list .one-half  {width: 100%; float: none; margin-left: 0;}
    
}


/*
* project-popup
*/
.project-popup .modal-dialog {width: 830px;}
.project-popup  .inner {padding: 25px 22px; position: absolute; margin:50px auto; left: 50%; top: 30px; margin-left: -415px; background: #fff;}

.project-popup h2 {font-size: 42px; line-height: 50px; font-weight: 500;}
.project-popup h3 { font-size: 24px; font-size: 500; line-height: 30px; color: #06a7e2;}
.project-popup  p {font-weight: 400; font-size: 16px; line-height: 20px; color: #647783;}
.project-popup  p a {color: inherit;}
.project-popup .two-column-layout img {margin-bottom: 25px;}
.project-popup .two-column-layout .column {margin-bottom: 30px;}

.project-popup .modal {height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
.project-popup .modal.fade .modal-dialog {transform: translate(0px, -25%); transition: transform 0.3s ease-out 0s;}
.project-popup .modal.in .modal-dialog { transform: translate(0px, 0px);}
.project-popup .close-btn {position: absolute; top: 23px; right: 23px; font-size: 18px; color: #00a4de;}
.project-popup .modal-content {border: none;}

body.modal-open .project-popup.modal { background: rgba(0, 0, 0, 0.5); overflow-x: hidden; overflow-y: auto;}
body.modal-open .project-popup.fade {opacity: 1;}
body.modal-open .project-popup.popup {display: block;}

/* ==========================================================================
  solutions page specific
========================================================================== */
/*
* content
*/
#content.solutions {padding-bottom: 0; padding-top: 15px;}

/*
* banner
*/
#banner h4 { font-size: 16px; line-height: 26px; color: #fff; margin-top: 25px;}
@media(max-width:992px) {
    #banner h4 { margin-top: 15px; }  
}
@media(max-width:767px) {
    #banner h4 { font-size: 10px; line-height: 16px; }   
}

/*
* text-center
*/
#content.solutions .text-center .container {max-width: 860px;}
#content.solutions .text-center { padding: 10px 20px 43px;}
#content.solutions .text-center h3 { font-size: 32px; line-height: 36px;}

@media(max-width:640px) {
    #content.solutions .text-center h3 {font-size: 21px; line-height: 25px;}
}

/*
* strategy
*/
.call-to-action {background: url(../images/image17.jpg) no-repeat; background-size: cover; padding: 70px 0 77px;}
.call-to-action .container {max-width: 740px;}
.call-to-action  h2 {font-size: 46px; line-height: 48px; color: #fff; margin-top: 0;}
.call-to-action  p { color: #fff; line-height: 30px; margin-bottom: 30px;}
.call-to-action .col-sm-7 {padding-left: 65px;}

@media(max-width:767px) {
    .call-to-action .col-sm-5, .call-to-action .col-sm-7 {float: none; width: 100%;}
    .call-to-action .col-sm-7 {padding-left: 20px;}
    .call-to-action .button2 {margin: 0 auto; max-width: 250px;  display: block;}
}
@media(max-width:640px) {
    .call-to-action {padding: 40px 0 47px;}
    .call-to-action  h2  {font-size: 27px; line-height: 31px;}
    .call-to-action  p  {margin-bottom: 15px;}
    
}



/*
* service-blocks-details 
*/
.service-blocks-details .container {max-width: 100%;}
.service-blocks-details .col-sm-6 {padding: 0;}
.service-blocks-details h3 { font-size: 38px; color: #0d2734; line-height: 42px;  position: relative; margin-top: 0;}
.service-blocks-details h3:before {background: url(../images/border-image.jpg) no-repeat; height: 4px; width: 320px; position: absolute; top: -45px; left: 0; content: "";}
.service-blocks-details p { font-size: 14px; line-height: 26px; color: #647783; margin-bottom: 30px;}
.service-blocks-details .inner {max-width: 610px;  padding: 162px 70px 20px 97px;}
.service-blocks-details .col-sm-6.box1 {  background-color: #ebeced; padding-left: 115px; overflow: auto;}
.service-blocks-details figure {margin-bottom: 0; background-repeat: no-repeat; background-size: cover;background-position: left center; background-size: 100% 100%;}
.service-blocks-details figure.image { padding: 40px 10px 20px 30px; }
.service-blocks-details figure img {width: 100%; }
.service-blocks-details .row.box2 {background: #ebeced; overflow: hidden; }
.service-blocks-details  figure {max-height:1300px; }
.service-blocks-details .row {max-height: 1300px;}

@media(max-width:1400px) {
    .service-blocks-details .inner {padding: 110px 50px 20px;}
    .service-blocks-details p {margin-bottom: 20px;}
}

@media(max-width:1280px) {
    .service-blocks-details .col-sm-6.box1 {padding-left: 10px;}
    .service-blocks-details .inner {padding: 80px 30px 20px;}
    
}

@media(max-width:1080px) {
    .service-blocks-details .col-sm-6.box1 {padding-left: 10px;}
    .service-blocks-details .inner {padding-top: 60px;}
    .service-blocks-details h3::before {top: -25px;}
    .service-blocks-details h3 {font-size: 30px; line-height: 34px;}
    .service-blocks-details p {line-height: 23px;}
}

@media(max-width:992px) {
    .service-blocks-details .col-sm-6.box1 {padding-left: 10px;}
    .service-blocks-details .inner {padding: 45px 15px 20px;}
    .service-blocks-details h3 {font-size: 22px; line-height: 27px;}
}

@media(max-width:767px) {
    .service-blocks-details .col-sm-6 {float: none; width: 100%;}
    .service-blocks-details .col-sm-push-6, .service-blocks-details .col-sm-pull-6 {width: 100%; left: 0;}
    .service-blocks-details .inner {max-width: 100%; padding:  90px 20px 20px; overflow: hidden;}
    .service-blocks-details figure.image { padding: 30px 10px 0 10px; }
     .service-blocks-details .col-sm-6.box1 {padding-left: 0px;}
    .service-blocks-details h3 {font-size: 30px; line-height: 36px;}
    .service-blocks-details p {font-size: 16px; line-height: 28px;}
}

@media(max-width:767px) {
    .service-blocks-details .row.box2 figure {max-height:500px !important;}
}

@media(max-width:640px) {
    .service-blocks-details h3 {font-size: 27px; line-height: 34px;}
}

@media(max-width:480px) {
    .service-blocks-details .row.box2 figure {max-height:300px !important;}
}
/*
* arrow-ruler3 
*/
.arrow-ruler3  { text-align: center; position: relative; top: -25px; z-index: 101;}
.arrow-ruler3 .fa-angle-down  { font-size: 36px; line-height: 29px; color: #fff; background: #0d2734; border-radius: 50%; padding: 10px; height: 45px; width: 45px;}

/* ==========================================================================
  news page specific
========================================================================== */
/*
* filter-category
*/
.filter-category {max-width: 320px; margin-bottom: 48px; border-bottom: 1px solid #bdc4c8; padding-bottom: 10px; float: left; position: relative; }
.filter-category strong {margin-right: 25px;}
.filter-category span {display: inline-block; font-size: 18px; line-height: 22px; color: #0a2a3b; margin-bottom: 0; width: 221px; }
.filter-category span ul {margin: 0; padding: 20px; position: absolute; top: 33px; left: 0; width: 100%; z-index: 1; background: #fff; display: none; border-top: 1px solid #aab0b3; box-shadow: 0 0 9px 0 rgba(235, 235, 235, 0.7);}
.filter-category span li {list-style: none; color: #0a2a3b; margin-bottom: 10px;}
.filter-category span li a {color: inherit; display: block;}
.filter-category span a {color: inherit; display: block;}
.filter-category span:after {content: ""; background: url(../images/category-open.png) no-repeat; position: absolute; top: 7px; right: 0px; height: 8px; width: 14px; pointer-events: none; cursor: pointer; }
.filter-category.close span:after {background: url(../images/category-closed.png); height: 13px; widows: 14px;}
.filter-category  li input[type="checkbox"] {display: none;}
.filter-category  li label { font-weight: 300; font-size: 16px; color: #0a2a3b; position: relative; padding-left: 35px; cursor: pointer; font-family: 'Roboto', sans-serif;}
.filter-category  li label:before {background: url(../images/checkbox.png) no-repeat; height: 20px; width: 20px; content: ""; position: absolute; top: 0; left: 0; background-origin: left top;}
.filter-category  li input[type="checkbox"]:checked + label:before {background-position: left bottom;}

@media(max-width:640px) {
    .filter-category {width: 100%; max-width: 100%;}
    .filter-category span:after {top: auto; bottom: 15px;}
    .filter-category span ul {top: 70px;}
    .filter-category span {width: 100%;}
    .filter-category strong {margin-right: 0px; margin-bottom: 15px; display: inline-block;}
    
}

/*
* search-area
*/
.search-area {max-width: 240px; float: right; }
.search-area p {margin:0;  border: 1px solid #9f9f9f; border-radius: 30px; padding: 8px 15px; position: relative;}
.search-area input {font-size: 16px; line-height: 20px; color: #0a2a3b; text-transform: capitalize; border: none; padding-right: 30px; width: 100%;}
.search-area .fa-search { position: absolute; top: 13px; right: 15px; font-size: 18px; color: #9f9f9f; width: 20px; cursor: pointer;}

@media(max-width:767px) {
    .search-area p {line-height: 20px;}
}

@media(max-width:640px) {
    .search-area {float: none; max-width: 100%; margin-bottom: 20px;}
}

/*
* image-captions
*/
.wp-caption.alignleft {
    float: left;
}



/* ==========================================================================
  team page specific
========================================================================== */
/*
* our-team
*/
.our-team {padding-bottom: 90px; padding-top: 35px;}
.our-team h1 {color: #0a2a3b; font-weight: 700; margin-bottom: 35px;}
.our-team h1 span {font-family: 'Roboto', sans-serif; line-height: 60px;}
.our-team figcaption {padding-top: 15px;}
.our-team figcaption p { font-size: 26px; color: #0d2734; line-height: 30px; text-align: center; font-family: 'Museo', sans-serif;}
.our-team figcaption p span { font-size: 16px; line-height: 29px; color: #06a7e2; display: block; text-transform: uppercase; color: #00c189;}
.our-team p { font-size: 14px; line-height: 24px; color: #647783; text-align: left; margin-bottom: 13px; font-weight: 500;  }
.our-team p span {font-family: "Roboto",sans-serif; font-weight: 400;}
.our-team .fa-linkedin { font-size: 18px; line-height: 18px; color: #0a2a3b; margin: 0 10px; border-radius: 50%; border: 1px solid #0a2a3b; padding: 5px; display: inline-block; margin-bottom: 10px;}
.our-team .fa-linkedin:hover {border: 1px solid #06a7e2;}

.our-team .col-sm-4.person {margin-bottom: 30px; min-height: 380px;}
.our-team figure img { border: 1px solid #18ade4; border-radius: 50%;}

.our-team .founder figure img { border: 1px solid #25ca9c; border-radius: 50%;}

@media(max-width:992px) {
    .our-team .col-sm-4.person { min-height: 410px;}
}

@media(max-width:768px) {
    .our-team .col-sm-4.person {min-height: 480px;}
    .our-team {padding-bottom: 20px; }
}

@media(max-width:640px) {
    .our-team .col-sm-4.person {float: none; width: 100%; margin-bottom: 40px; min-height: auto;}
    .our-team figcaption p {font-size: 25px; line-height: 29px;}
    .our-team .founder figcaption p span { font-size: 15px; line-height: 19px;}
    .our-team p {font-size: 12px; line-height: 16px;}
}

/*
* team-member
*/
.team-member h2 { font-size: 46px; line-height: 50px; color: #06a7e2;}
.team-member .col-sm-4 i:hover {color: #06a7e2;}
/* ==========================================================================
  contact page specific
========================================================================== */
/*
********* placeholder ***********************************
*/

::-webkit-input-placeholder {
   opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
  opacity: 1;  
}

::-moz-placeholder {  /* Firefox 19+ */
  opacity: 1;  
}

:-ms-input-placeholder {  
   opacity: 1;  
}

/*
* enquiry-form
*/
.enquiry-form input::-webkit-input-placeholder, .enquiry-form textarea::-webkit-input-placeholder {opacity: 1; color: #647783;}
.enquiry-form input:-moz-placeholder, .enquiry-form textarea:-moz-placeholder { /* Firefox 18- */  opacity: 1;  color: #647783;}
.enquiry-form input::-moz-placeholder, .enquiry-form textarea::-moz-placeholder {  /* Firefox 19+ */  opacity: 1;  color: #647783;}
.enquiry-form input:-ms-input-placeholder, .enquiry-form textarea:-ms-input-placeholder {opacity: 1;  color: #647783;}


/*
* contact-form
*/

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {opacity: 1; color: #647783;}
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { /* Firefox 18- */  opacity: 1;  color: #647783;}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder {  /* Firefox 19+ */  opacity: 1;  color: #647783;}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {opacity: 1;  color: #647783;}




/*
* contact-us
*/
.contact-us { background: url(../images/image34.jpg) no-repeat; background-size: cover; padding-top: 30px;}
.contact-us h2 { font-size: 46px; line-height: 50px; color: #0a2a3b; text-align: center;}
.contact-us h2 span {display: block; font-size: 46px; line-height: 50px; color: #0a2a3b;}
.contact-us p {font-size: 16px; line-height: 20px; color: #0a2a3b; text-align: center;}

@media(max-width:640px) {
    .contact-us h2 { font-size: 27px; line-height: 31px;}
    .contact-us h2 span {display: inline-block; font-size: 27px; line-height: 31px;}
    .contact-us p {font-size: 12px; line-height: 16px;}
}

@media(max-width:480px) {
    .contact-us  {padding-bottom: 30px;}
}
/*
* enquiry-form
*/
.enquiry-form {padding: 0; margin: 0;}
.enquiry-form li {list-style: none; float: left; width: 50%; padding-right: 10px; margin-bottom: 3px;}
.enquiry-form li input, .enquiry form li textarea { padding: 12px 20px; width: 100%; border: none; font-size: 14px; color: #647783; line-height: 20px; outline: none;}
.enquiry-form li textarea {resize: none; width:100% ; height: 180px; border: none; padding: 12px 20px; font-size: 14px; line-height: 18px; outline: none;}
.enquiry-form li.full-width {width: 100%; margin-bottom: 25px; margin-left: 0;}
.enquiry-form li.full-width button[type="submit"] {margin: 0 auto; display: block; border: none; padding: 0; }
.enquiry-form li.full-width input {background: transparent; font-size: 16px; line-height: 20px; font-weight: 700; font-family: "Museo",sans-serif; color: #fff; z-index: 2;}



@media(max-width:640px) {
    .enquiry-form li {width: 100%; margin-bottom: 10px; padding-right: 0;}
}

/*
* category-field
*/
.category-field  { padding: 0; max-width: 730px; margin: 0 auto 15px; text-align: center;}
.category-field li {list-style: none;   display: inline-block;}
.category-field li p, .category-field span label {color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 0; font-family: 'roboto'; font-weight: 400;  position: relative;}
.category-field li label {padding-left: 30px; cursor: pointer;}
.category-field input[type="checkbox"]{display: none;}
.category-field span {margin-left: 20px; display: inline-block; margin-bottom: 0;}
.category-field .checkbox .icheckbox:before {background: url(../images/checkbox.png) no-repeat; background-position: left top; height: 20px; width: 20px; content: ""; position: absolute; top: 0; left: 0;}
.category-field .checkbox .icheckbox.checked:before {background-position: left bottom;}

@media(max-width:767px) {
    .category-field li label {padding-left: 25px;}
    .category-field span {margin-left: 15px;}
}

@media(max-width:640px) {
    .category-field {text-align: left;}
    .category-field li {width: 47%; margin-bottom: 20px;}
    .category-field li.checkbox {width:100%; padding-left: 20px;}
    
    .category-field li p {text-align: left;}
    .category-field li span {display: inline-block; width: 49%; margin-left: 0; margin-bottom: 10px; }
}

@media(max-width:480px) {
    .category-field li span label {font-size: 11px;line-height: 15px}
}

/*
* breadcrumbs
*/
.breadcrumbs { padding-top: 25px;}
.breadcrumbs p, .breadcrumbs a , .breadcrumbs .current {display: inline-block; font-size: 14px; line-height: 18px; color: #647783;}
.breadcrumbs span.current {color: #0e2d3e;}
.breadcrumbs .fa-angle-right {margin: 0 6px;}

/*
* location-popup  
*/
.location-popup .inner:before {border-width: 12px; right: -24px; margin-top: -22px; border-color:transparent transparent transparent #d4d4d4;}
.location-popup .inner:after { border-width: 10px; right: -20px; margin-top: -20px; border-color:transparent transparent transparent #fff;}
.location-popup .inner:before, .location-popup .inner:after {border-style: solid; position: absolute; top: 50%; content: ""; height: 10px; width: 10px; }
.location-popup .inner {padding: 15px;  position: relative;}
.location-popup h2 { font-size: 26px; line-height: 30px; color: #0d2734; margin-bottom: 20px;}
.location-popup address {margin-bottom: 28px;}
.location-popup p, #location-popup p a {color: #647783; font-size: 16px; line-height: 20px;}
.location-popup  a {color: #06a7e2; font-size: 14px; line-height: 18px;}
.location-popup .modal-dialog {width: 280px; margin: 0 auto;}
.location-popup .modal-content {box-shadow: 0 2px 9px 2px rgba(212, 212, 212, 0.7); border: 1px solid #d4d4d4;}
.location-popup .on {display: block;}
.location-popup i.fa-times-circle {color: #000; font-size: 20px; position: absolute; top: 5px; right: 10px;}





/* ==========================================================================
  single-project page specific
========================================================================== */
/*
* container
*/
.page-single-project .container {max-width: 1230px;}

@media(max-width:992px) {
    .page-single-project .container {max-width: 720px}
}


/*
* call-to-action
*/
.page-single-project .contact-form li {margin-bottom: 3px;}
.page-single-project .contact-form li input, .page-single-project .call-to-action .contact-form li textarea {background: #fff;} 
.page-single-project .contact-form li.submit { padding-top: 20px;}
.page-single-project .contact-form li.submit input {background: transparent; }
.page-single-project .contact-form li.submit .button1 {background-color: #0d2734; border-radius: 30px;    color: #fff; display: inline-block; font-family: "museo"; font-size: 20px; font-weight: 500; line-height: 24px; min-width: 240px; overflow: hidden; padding: 15px; position: relative; text-align: center; text-transform: capitalize;}
.page-single-project .contact-form li.submit .button1 span.overlay1 {  position: absolute;  display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #06a7e2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-transition: width 0.4s, height 0.4s;  transition: width 0.4s, height 0.4s; z-index: -1;}
.page-single-project .contact-form li.submit .button1:hover span.overlay1 {  width: 562.5px;  height: 562.5px; z-index: 1;}
.page-single-project .contact-form li.submit .button1 span.text { z-index: 2; display: block; position: relative;}

@media(max-width:992px) {
    .page-single-project .call-to-action h2 {margin-bottom: 40px;}
    .page-single-project .call-to-action p {margin-bottom: 20px;}
    .page-single-project .call-to-action .contact-form li {margin-bottom: 10px;}
}

/*
* breadcrumbs
*/
.page-single-project .breadcrumbs {margin-bottom: 60px;}

/*
* content-wrapper
*/
.content-wrapper {padding-bottom: 80px;}

@media(max-width:640px) {
 .content-wrapper {padding-bottom:20px;}   
}

/*
* main
*/
.col-sm-7.main {padding-right: 80px;}
.main h2 { font-size: 32px; line-height: 36px;}
.main p {line-height: 26px; margin-bottom: 30px;}
.main p a {color: inherit;}
.main h3 {font-size: 24px; line-height: 29px; color: #06a7e2; margin-bottom: 15px;}
@media(max-width:992px) {
    .col-sm-7.main  {padding-right: 20px;}
}

@media(max-width:767px) {
    .col-sm-7.main {width: 100%; padding-right: 19px;}
    .main p {line-height: 40px;}
}

@media(max-width:640px) {
    .main p {line-height: 22px; }
}
/*
* sidebar
*/
.col-sm-5.sidebar {text-align: center; padding: 0 50px;}

@media(max-width:992px) {
    .col-sm-5.sidebar {padding-left: 20px;}
}

@media(max-width:767px) {
    .col-sm-5.sidebar {width: 100%; padding-left: 19px;}
    .col-sm-5.sidebar p {margin-bottom: 25px;}
    
}

@media(max-width:640px) {
    .col-sm-5.sidebar p {margin-bottom: 40px;}
}

/*
* socialable-icons
*/
.socialable-icons {margin: 0; padding: 0; width: 40px; position: fixed; top: 480px; right: 0; text-align: center; z-index: 102;}
.socialable-icons li i { font-size: 14px; line-height: 20px; color: #fff;}
.socialable-icons li {list-style: none; border-bottom: 3px solid #fff;}
.socialable-icons li:last-child {border-bottom: none;}
.socialable-icons li a {padding: 10px; display: block;}
.socialable-icons li.facebook { background-color: #3862a4;}
.socialable-icons li.twitter { background-color: #54aced;}
.socialable-icons li.google-plus { background-color: #e73a39;}
.socialable-icons li.linkedin { background-color: #1384c6;}
.socialable-icons li.email { background-color: #e73e2a;}

@media(max-width:992px) {
    .socialable-icons {top:375px;}
}

@media(max-width:767px) {
    .socialable-icons {display: none;}
}

.popup { position: absolute; margin-top: 5px; }