/*

Theme Name: Flatsome Child Theme

Theme URI: http://flatsome.uxthemes.com/

Description: This is a child theme for Flatsome

Author: UX Themes

Author URI: http: //www.uxthemes.com/

Template: flatsome

Version: 2.5

*/



/*************** ADD CUSTOM CSS HERE.   ***************/

#masthead {

    background-color: #fff;

    border-top: 10px solid #0c4565;

}

.wide-nav {

    background-color: #0c4565!important;

}

.header-wrapper before-sticky sticky-wrapper {

height:268px!important;

}

.wpcf7-quiz-label {

   font-size: 30px;

    color: white;

    font-family: calibri;

}

.wpcf7-quiz {

    width: 191px!important;

    float: right;

}

.header-wrapper {

    z-index: 99;

    position: fixed;

    width: 100%;

}



.field {

    position: inherit!important;

}

.quiz {

margin-top: -6px;

}

ul.header-nav a.nav-top-link {

    font-family: Calibri;

    color:  #ffffff;

    font-size: 15px;

    font-weight: 700;

    color: white;

    opacity: .8;

}

.wide-nav .header-nav a.nav-top-link {

    padding-right: 46px;

    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif!important;

    text-decoration: none;

}

.wide-nav.move_down {

    margin-top: 0px!important;

}

ul.header-nav li.active a.nav-top-link {

    color: #B9B8B8;

    opacity: 1;

}

.home-box {

    background: url(/wp-content/uploads/2016/01/Home2A_03.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center;

    padding-top: 16%;

    padding-bottom: 23%;

    position: inherit;

    margin-top: 15.3%;

}

.row .row {

     margin-left: 0em!important;

     margin-right: 0em!important;

} 

.section-home {

	max-width: 100%!important;

}

.section-contact {

    max-width: 100%!important;

    margin-left: 0px!important;

    margin-right: 0px!important;

}

.section-width {

    padding-left: 0px!important;

    padding-right: 0px!important;

}

.bx-wrapper .bx-prev {

    left: 65px!important;

}

.home-box-shadow {

    background: url(/wp-content/uploads/2016/01/slider-shadow.png);

    width: 100%;

    background-size: contain;

    padding-top: 12%;

    background-repeat: no-repeat;

        margin-top: -75px;

}

.wpcf7 textarea {

    background-color: #fff;

    color: #000;

    width: 100%;

    height: 200px;

}

.pid01 {

padding-left: 0px !important;

padding-right: 0px !important;

}

.home-box h1 {

    font-family: Calibri;

    color: #0c4565;

    font-size: 50px;

    font-weight: 700;

    margin-bottom: -10px;

}

.small-heading {

    font-family: Calibri;

    color: #0c4565;

    font-size: 24px!important;

    font-weight: 700;

}

.top-email {

    margin-right: -16px;

}

.top-email img {

    width: 47px;

    margin-top: -6px;

}

.emailtext {

    margin-top: 6px;

    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif!important;

    font-size: 17px;

}

.home-about {

    text-align: center;

    margin-top: 6%;

    width: 100%;

    padding-bottom: 6%;

}

.home-about h2 {

    font-family: Calibri;

    color: #0c4565;

    font-size: 52.58px;

    font-weight: 700;

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

}

.home-about p {

     font-family: Calibri;

    color: #000000;

    font-size: 24px;

    font-weight: 300;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 31px;

    padding-left: 13%;

    padding-right: 13%;

}

.home-webdevelopment {

    text-align: center;

    width: 100%;

    background-color: #8AC0DF;

    padding-top: 5%;

    padding-bottom: 5%;

    background-size: cover;

}

.home-webdevelopment h2 {

    font-family: Calibri;

    color: white;

    font-size: 52.58px;

    font-weight: 700;

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

}

.home-webdevelopment p {

     font-family: Calibri;

    color: white;

    font-size: 24px;

    font-weight: 300;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 31px;

    padding-left: 13%;

    padding-right: 13%;

}

body.boxed {

    background-color: rgba(85, 85, 85, 0.33)!important;

}

body.boxed #wrapper {

    max-width: 71.25em;

    margin: 0 auto;

    box-shadow: 6px 4px 7px gray!important;

}

.bx-wrapper .bx-next {

    right: 65px;!important;

    background: url(/wp-content/uploads/2016/01/Slider-Arrow.png) no-repeat!important;

}

.bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 42%;

    margin-top: -53px!important;

    outline: 0;

    width: 32px!important;

    height: 121px!important;

    text-indent: -9999px;

    z-index: 0!important;

}

.bx-prev {

   background: url(/wp-content/uploads/2016/01/Slider-Arrow1.png) no-repeat!important;

    margin-left: -32px!important;

}

.bx-wrapper .bx-caption span {

    color: #fff;

    font-family: Calibri!important;

    display: block;

    font-size: 19px;

    padding: 0px;

}

.bx-wrapper .bx-caption {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #666\9;

    background: none!important;

    width: 100%;

    top: 135px!important;

}

.bx-wrapper .bx-viewport {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    background: transparent;

    height: 200px!important;

}

.bx-wrapper .bx-controls {

    opacity: 1;

    transition: 500ms;

    -webkit-transition: 500ms;

    -moz-transition: 500ms;

}

.home-mobile-applications {

    text-align: center;

    width: 100%;

    padding-top: 7%;

    padding-bottom: 1%;

    background: white;

}

.home-mobile-applications h2 {

    font-family: Calibri;

    color: #0c4565;

    font-size: 52.58px;

    font-weight: 700;

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

}

.home-mobile-applications p {

     font-family: Calibri;

    color: #000000;

    font-size: 24px;

    font-weight: 300;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 31px;

    padding-left: 13%;

    padding-right: 13%;

}

.apps-icons {

        padding-left: 15%;

    padding-right: 15%;

    padding-top: 32px;

}

.bx-wrapper {

    position: relative;

    margin: 0 auto 60px;

    padding: 0;

    padding-left: 8%!important;

    padding-right: 8%!important;

}

.apps-icons p {

    font-family: Calibri;

    color: #0c4565;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: -0.1px;

    text-align: center;

}

.textarea-wrap textarea {

    height: 200px;

    color: black!important;

}

.active-link:after {

width: 0;

  height: 0;

  position: absolute;

  content:"";

  display:block;

  /* Ads an arrow effect exploiting the way that browsers join borders together */

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 8px solid #0c4565;

  /* centers relative to parent */

  /* Compensates for width of border (arrow) */

  color: #0c4565!important;

  margin-left: auto;

  margin-right: auto;

  top: 48px;

}



.home-contact {

    width: 100%;

    background-color: #8AC0DF;

    padding-bottom: 6%;

    padding-left: 15%;

    padding-right: 15%;

    padding-top: 6%;

}

.home-contact h2 {

    font-family: Calibri;

    color: white;

    font-size: 52.58px;

    font-weight: 700;

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

}

.home-contact h3 {

     font-family: Calibri;

    color: white;

    font-size: 27.91px;

    font-weight: 700;

    letter-spacing: -0.185px;

    line-height: 24px;

}

.follow-us ul {

    list-style: none;

    padding-top: 5%;

}

.contact-email {

    padding-top: 8%;

}

.contact-email p {

    color: white;

    font-size: 15px;

    font-family: Calibri;

}

.contact-email span {

   font-family: Calibri;

    color:  #ffffff;

    font-size: 21px;

    font-weight: 700;

    text-align: left;

}

.follow-us span {

    font-family: Calibri;

    color: #ffffff;

    font-size: 21px;

    font-weight: 700;

    text-align: left;

}

.icon-t {

    font-size: 19px!important;

    font-weight: normal!important;

    margin-left: 3%;

}

#masthead .mobile-menu a {

    text-decoration: none!important;

}

.mobile-sidebar li a {

    text-decoration: none!important;

}

.absolute-footer .left {

    font-size: 90%;

    padding-left: 27%;

    font-family: Calibri;

}

.copyright-footer {

    opacity: 1;

    padding-top: 12px;

    color: white;

}

.absolute-footer.dark {

    background: #0c4565!important;

}

.absolute-footer .left {

    font-size: 90%;

    padding-left: 27%;

    font-family: Calibri;

}

ninja-forms-field  nf-desc {

    color: white!important;

}

.field-wrap.label-left label {

    display: inline;

    float: left;

    font-size: 28px;

    margin-right: -13px;

}

input[type="submit"] {

    border: 0;

    text-transform: capitalize!important;

    cursor: pointer;

    font-family: inherit;

    font-weight: normal;

    line-height: 0.5;

    margin: 0 0 1.25em;

    position: relative;

    text-decoration: none;

    text-align: center;

    -webkit-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

    display: inline-block;

    padding-top: 0.75em;

    padding-right: 1.5em;

    padding-bottom: 0.8125em;

    padding-left: 1.5em;

    font-size: 1em;

    background-color: #627f9a;

    border-color: #627f9a;

    color: #fff;

    width: 142px!important;

    height: 32px!important;

    font-size: 12px!important;

    font-weight: bold!important;

    background: #0c4565!important;

}

@media only screen and (max-width: 35em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/

    .home-box-shadow {

     margin-top: -30px;

}



}

@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/

.home-about {

    margin-top: 2%;

}

.absolute-footer .left {

    font-size: 90%;

    padding-left: 5%;

    font-family: Calibri;

}

.home-box h1 {

    font-size: 39px;

    margin-bottom: -4px;

}

.small-heading {

    font-size: 19px!important;

}

 .home-box-shadow {

    margin-top: -33px;

}

.wpcf7-quiz {

    width: 100%!important;

    float: right;

}

.section-home {

    max-width: 100%!important;

}

.home-about h2 {

    font-size: 40.58px;

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

}

.home-about p {

    font-size: 22px;

    letter-spacing: -0.13px;

    line-height: 29px;

}

.home-webdevelopment h2 {

    font-size: 36.58px;

}

.home-webdevelopment p {

    font-size: 22px;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 29px;

}

.bx-prev {

    background: url(/wp-content/uploads/2016/01/Slider-Arrow1.png) no-repeat!important;

    margin-left: -9px!important;

}

.bx-wrapper .bx-next {

    right: 11px!important;

    background: url(/wp-content/uploads/2016/01/Slider-Arrow.png) no-repeat!important;

}

.bx-wrapper .bx-controls {

    opacity: 1;

    transition: 500ms;

    -webkit-transition: 500ms;

    -moz-transition: 500ms;

}

.home-mobile-applications p {

    font-size: 22px;

}

.home-mobile-applications h2 {

    font-size: 36.58px;

}

input[type="submit"] {

    border: 0;

    text-transform: capitalize!important;

    cursor: pointer;

    font-family: inherit;

    font-weight: normal;

    line-height: 0.5;

    margin: 0 0 1.25em;

    position: relative;

    text-decoration: none;

    text-align: center;

    -webkit-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

    display: inline-block;

    padding-top: 0.75em;

    padding-right: 1.5em;

    padding-bottom: 0.8125em;

    padding-left: 1.5em;

    font-size: 1em;

    background-color: #627f9a;

    border-color: #627f9a;

    color: #fff;

    width: 96px!important;

    height: 32px!important;

    background: #0c4565!important;

}

}

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

.home-mobile-applications h2 {

    font-size: 25.58px;

}

.home-mobile-applications p {

    font-size: 18px;

    line-height: 24px;

}

.bx-wrapper .bx-next {

    right: 19px !important;

    background: transparent url("/wp-content/uploads/2016/01/Slider-Arrow.png") no-repeat scroll 0% 0% !important;

}

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

.home-box {

    margin-top: 22.3%;

}

}

.bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 50%;

    margin-top: -79px !important;

    outline: 0px none;

    width: 32px !important;

    height: 121px !important;

    text-indent: -9999px;

    z-index: 0 !important;

}

.bx-wrapper .bx-prev {

    left: 9px !important;

}

.home-webdevelopment h2 {

    font-size: 25.58px;

}

.home-webdevelopment p {

    font-size: 17px;

    font-weight: 300;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 29px;

}

.home-about h2 {

    letter-spacing: -0.263px;

    line-height: 24px;

    text-transform: uppercase;

    padding-bottom: 19px;

    font-size: 25.58px;

}

.home-about p {

    font-size: 17px;

    font-weight: 300;

    letter-spacing: -0.13px;

    text-align: center;

    line-height: 29px;

}

.quiz {

font-weight: normal;

font-family: calibri;

letter-spacing: 1px;

margin-bottom: 21px;

color: #FFF;

padding-left:0px!important;

font-size: 22px!important;

}

.home-box h1 {

    color: #0C4565;

    font-size: 32px;

    font-weight: 700;

    margin-bottom: -4px;

}

.small-heading {

    font-size: 16px!important;

}

.home-box {

    margin-top: 36.3%;

}

}

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

.wpcf7-quiz {

    width: 100% !important;

}

}

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

.absolute-footer.dark {

    background: #0C4565 none repeat scroll 0% 0% !important;

    position: relative;

}

.home-box-shadow {

   margin-top: -79px!important;

}

.bx-wrapper .bx-prev {

    left: 39px !important;

}

}

@media only screen and (max-device-width : 769px) and (min-device-width : 991px)  {

.wide-nav .header-nav a.nav-top-link {

    padding-right: 46px;

    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;

    text-decoration: none;

    font-size: 12px;

}

.home-about {

    text-align: center;

    margin-top: 61px;

    width: 100%;

}

.home-box-shadow {

    margin-top: -53px;

}

.bx-wrapper .bx-prev {

    left: 39px;

}

.bx-wrapper .bx-next {

    right: -1px!important;

}

.bx-wrapper ul li {

    background: none;

    margin-left: -1.8px;

}

.bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 37%;

    margin-top: -53px !important;

    outline: 0;

    width: 34px !important;

    height: 121px !important;

    text-indent: -9999px;

    z-index: 0 !important;

}

.home-webdevelopment {

    padding-top: 5%;

    padding-bottom: 5%;

}

.home-mobile-applications {

    padding-top: 5%;

    padding-bottom: 1%;

}

.home-contact {

    padding-top: 6%;

    padding-bottom: 6%;

    padding-left: 15%;

    margin-bottom: -62px;

    padding-right: 15%;

}

.absolute-footer .left {

    font-size: 90%;

    padding-left: 17%;

    font-family: Calibri;

}

}

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

.home-box-shadow {

    margin-top: -38px;

}

.home-webdevelopment {

    padding-top: 5%;

    padding-bottom: 5%;

}

.home-contact {

    padding-top: 6%;

    padding-bottom: 15%;

    padding-left: 15%;

    margin-bottom: -62px;

    padding-right: 15%;

}

.absolute-footer .left {

    font-size: 90%;

    padding-left: 10%;

    font-family: Calibri;

}

}



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

.home-webdevelopment a.bx-next {
    top: 38%;
    margin-right: 20px;
}

.home-webdevelopment a.bx-prev {
    top: 38%;
}

}

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

.home-webdevelopment a.bx-prev
{  
 
 margin-left: -21px!important;
 
 }	
.home-webdevelopment a.bx-next
{
	margin-right: 10px;
	
}	
		
	
}

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

.home-webdevelopment a.bx-next, .home-webdevelopment a.bx-prev {
	 top: 50%!important;
}

.home-webdevelopment a.bx-prev 
{
    margin-left: -30px!important;
}


.home-webdevelopment a.bx-next {
    margin-right: -13px;
}

}