body {
    color: black;
    font-family: 'Roboto Slab', serif;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a{color:#00a9c6; text-decoration:none;}
a:hover{color:#6dcef7;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

 .topheader
  {
    background-color: #167ac6;
    padding: 5px;
    margin-left: 0px;
    max-width: 100%;
  }

.navbar-collapse
{
    width:100%;
    width: 1190px;
}
.navbar-brand
    {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    height: 50px;
    width: 160px;
    }

  ul.nav.navbar-nav.navbar-right {
    margin-right: -15px;
}

    .checked
        {
            color: orange;
        }

    .heading-primary
        {
            font-size: 2em;
            padding: 2em;
            text-align: center;
        }

              /*Dropdown effect*/

          /* Underline From Center */
/*.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 25px;
    background: #2098d1;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}*/

/* Fix bootstrap */
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
    background: none;
    color: #2098d1;
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open>a:focus, .navbar-default .navbar-nav > .open > a:active {
    background: none;
    color: #555;
}*/

/** code by webdevtrick ( https://webdevtrick.com ) Dropdown effect **/

.nav-bar {
  height: 50px;
  background: #f8f8f8;
}
 
.brand {
  position: absolute;
  left: 10px;
  right: 10px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  line-height: 65px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a img {
	max-height: 70px;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}
 
.nav-container {
  max-width: 1000px;
  margin: 0 auto;
}
 
nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 10px;
  line-height: 65px;
  background: rgba(248, 248, 248, 0);
  color: #055575;
  text-decoration: none;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  /*background: #2ab1ce;
  color: #ffffff;*/
  background: rgba(254, 254, 254, 0);
  color: #21abca;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 170px;
}
nav ul li ul li a{
  padding: 10px;
  line-height: 10px;
}

/*.list_style li a strong{
    color: #055574;
}
.list_style li a{
    padding-left: 10px; width: 120px;
}*/
 
.nav-dropdown {
        width: 185px;
    /*left: 15px;*/
  position: absolute;
  border-radius: 3%;
  display: none;
  z-index: 1;
  background: #f8f8f8;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.nav-mobile {
  display: none;
  position: absolute;
  top: 90px;
  right: 20px;
  background: #f8f8f8;
  height: 60px;
  width: 60px;
}
 
@media only screen and (max-width: 1200px) {
  .nav-mobile {
    display: block;
  }
 
  nav {
    width: 100%;
    padding: 70px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
	padding-left: 25%;
	 
  }
  nav ul li ul li a {
    padding-left: 30%;
  }
 
  .nav-dropdown {
    position: relative;
  }
	.brand a img {
		max-height: 60px;
		/*margin-top: 5px;*/
	}
}
@media screen and (min-width: 1200px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #055573;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
 
article {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
}

          #panel li.animation { 
	-moz-transition: all 0.4s ease-in-out; 
	-moz-transform:translateX(0px); 
	-o-transition: all 0.4s ease-in-out; 
	-o-transform:translateX(0px); 
	-webkit-transition: all 0.4s ease-in-out; 
	-webkit-transform:translateX(0px); 
}

#panel li.animation:hover { 
	-moz-transform:translateX(25px);
	-o-transform:translateX(25px);
	-webkit-transform:translateX(25px);
}

/** End Dropdown effect **/



   .blink_me
        {
            -webkit-animation-name: blinker;
            -webkit-animation-duration: 2s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: blinker;
            -moz-animation-duration: 2s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            animation-name: blinker;
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }     
    @-moz-keyframes blinker
        {
            0%
            {
                opacity: 1.0;
            }

            50%
            {
                opacity: 0.0;
            }

            100%
            {
                opacity: 1.0;
            }
        }

        @-webkit-keyframes blinker
        {
            0%
            {
                opacity: 1.0;
            }

            50%
            {
                opacity: 0.0;
            }

            100%
            {
                opacity: 1.0;
            }
        }

        @keyframes blinker
        {
            0%
            {
                opacity: 1.0;
            }

            50%
            {
                opacity: 0.0;
            }

            100%
            {
                opacity: 1.0;
            }
        }

#shake
    {
       
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: .3s;
        animation-duration: 1.7s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

        #shake:after
        {
            border-color: #ddd transparent transparent!important;
        }

.animated-shake
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes tada
{
    0%
    {
        -webkit-transform: scale(1);
    }

    10%,20%
    {
        -webkit-transform: scale(.9)rotate(-3deg);
    }

    30%,50%,70%,90%
    {
        -webkit-transform: scale(1.1)rotate(3deg);
    }

    40%,60%,80%
    {
        -webkit-transform: scale(1.1)rotate(-3deg);
    }

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

@keyframes tada
{
    0%
    {
        transform: scale(1);
    }

    10%,20%
    {
        transform: scale(.9)rotate(-3deg);
    }

    30%,50%,70%,90%
    {
        transform: scale(1.1)rotate(3deg);
    }

    40%,60%,80%
    {
        transform: scale(1.1)rotate(-3deg);
    }

    100%
    {
        transform: scale(1)rotate(0);
    }
}

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

@-webkit-keyframes hvr-pulse-grow
{
    to
    {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow
{
    to
    {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

 .modal1
        {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            margin-right: 150px;
            margin-left: -188px;
            background-color: white;
            filter: alpha(opacity=90);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }

        .center1
        {
            z-index: 1000;
            margin: 300px auto;
            margin-left: 525px;
            margin-top: 240px;
            padding: 20px;
            width: 50%;
            height: 10%;
            background-color: White;
            border-radius: 100px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }

            .center1 img
            {
                height: 120px;
                width: 120px;
            }

        .cal_Theme1 .ajax__calendar_container
        {
            background-color: #ccc;
            border: solid 1px #77D5F7;
            width: 394px;
            height: 290px;
        }

        .cal_Theme1 .ajax__calendar_header
        {
            background-color: #ffffff;
            margin-bottom: 4px;
        }

        .cal_Theme1 .ajax__calendar_title,
        .cal_Theme1 .ajax__calendar_next,
        .cal_Theme1 .ajax__calendar_prev
        {
            color: #004080;
            padding-top: 3px;
        }

        .cal_Theme1 .ajax__calendar_body
        {
            background-color: #ffffff;
            border: solid 1px #77D5F7;
            width: 380px;
            height: 240px;
            position: relative;
        }

        .cal_Theme1 .ajax__calendar_dayname
        {
            text-align: center;
            font-weight: bold;
            margin-bottom: 4px;
            margin-top: 2px;
            color: #004080;
        }

        .cal_Theme1 .ajax__calendar_day
        {
            color: #004080;
            text-align: center;
        }

        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
        .cal_Theme1 .ajax__calendar_active
        {
            color: #004080;
            font-weight: bold;
            background-color: #DEF1F4;
        }




        .cal_Theme1 .ajax__calendar_today
        {
            font-weight: bold;
        }

        .cal_Theme1 .ajax__calendar_other,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
        {
            color: #bbbbbb;
        }

        .cal_Theme1 .ajax__calendar_container table
        {
            border-collapse: collapse;
            cellpadding: 0;
            cellspacing: 0;
            border-spacing: 0;
            padding: 0;
        }

            .cal_Theme1 .ajax__calendar_container table tr, table th
            {
                margin: 0;
                padding: 0;
            }

        .cal_Theme1 .ajax__calendar_container TD
        {
            padding-right: 50px;
            padding-top: 15px;
            margin: 0px;
            font-size: 14px;
        }

        .highlight-info
        {
            background: url(../images/page-header.jpg) center fixed;
            background-size: cover;
            color: #fff;
        }

        .accordion dl,
        .accordion-list
        {
            border: 1px solid #ddd;
        }

        .accordion dd,
        .accordion__panel
        {
            background-color: #eee;
            font-size: 1em;
            line-height: 1.5em;
        }

        .accordion p
        {
            padding: 1em 2em 1em 2em;
        }

        .accordion
        {
            position: relative;
            background-color: #eee;
        }

        .accordionTitle,
        .accordion__Heading
        {
            background-color: rgba(66, 139, 202, 0.87);
            border: 1px solid;
            /*text-align:center;*/
            font-weight: 700;
            padding: 12px;
            display: block;
            text-decoration: none;
            color: #fff;
            transition: background-color 0.5s ease-in-out;
            border-bottom: 1px solid #666;
            /*&:before;*/
        }
        &:hover
        {
            background-color: #666;
        }

        .accordionTitleActive,
        .accordionTitle.is-expanded
        {
            background-color: rgba(66, 139, 202, 0.87);
            /*&:before;*/
        }

        .accordionItem
        {
            height: auto;
            overflow: hidden;
            /*//SHAME: magic number to allow the accordion to animate
*/
            transition: max-height 1s;

        }

            .accordionItem.is-collapsed
            {
                max-height: 0;
            }

        .no-js .accordionItem.is-collapsed
        {
            max-height: auto;
        }

        .animateIn
        {
            animation: accordionIn 0.45s normal ease-in-out both 1;
        }

        .animateOut
        {
            animation: accordionOut 0.45s alternate ease-in-out both 1;
        }

        @keyframes accordionIn
        {
            0%
            {
                opacity: 0;
                transform: scale(0.9) rotateX(-60deg);
                transform-origin: 50% 0;
            }

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

        @keyframes accordionOut
        {
            0%
            {
                opacity: 1;
                transform: scale(1);
            }

            100%
            {
                opacity: 0;
                transform: scale(0.9) rotateX(-60deg);
            }
        }

        .modal
        {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1050; /* Sit on top */
            padding-top: 100px; /* Location of the box */
            left: 0;
            top: 15px;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        .modal-content
        {
            /*background-color: rgba(49, 112, 143, 0.79);*/
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 500px;
            /*height: 455px;*/
            -webkit-animation-name: animatetop;
            -webkit-animation-duration: 0.4s;
            animation-name: animatetop;
            animation-duration: 0.4s;
        }

        @-webkit-keyframes animatetop
        {
            from
            {
                top: -300px;
                opacity: 0;
            }

            to
            {
                top: 0;
                opacity: 1;
            }
        }

        @keyframes animatetop
        {
            from
            {
                top: -300px;
                opacity: 0;
            }

            to
            {
                top: 0;
                opacity: 1;
            }
        }

        .cancel
        {
            display: block;
            position: absolute;
            top: -1px;
            right: -1px;
            /*background:rgb(245,245,245);*/
            color: #aaaaaa;
            height: 30px;
            width: 35px;
            font-size: 30px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
        }

         /*#overlay {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}*/

        .cont_sec
        {
            width: 100%;
            float: left;
            background: #ffffff;
        }

        .inner-cont
        {
            width: 98%;
            margin: 0 auto;
            display: table;
            padding: 0 1%;
        }

            .inner-cont .start-refer-sec
            {
                width: 95%;
                padding: 1.8% 2.5%;
                display: table;
            }

        .cont_sec .clm-lft
        {
            width: 45%;
            padding-right: 5%;
            float: left;
            border-right: 1px solid #d8d8d8;
        }

        .cont_sec h2
        {
            color: #009cdf;
            font-family: 'interstate-regular';
            font-size: 2.2em;
            padding: 2% 0 2% 12%;
            margin: 0;
            font-weight: bold;
            background: url(../images/h2-2-bg.png) no-repeat scroll 0% 30%;
            cursor: pointer;
        }

        .inner-cont .start-refer-sec .test-mon-cont
        {
            height: 600px;
            overflow-y: hidden;
        }

        .cont_sec .clm-lft .start-secs
        {
            padding: 2.2% 0 3.3% 12%;
            width: 80%;
        }

        .clm-lft .start-secs:last-child p
        {
            border: 0 none;
        }

        .cont_sec .det_txt
        {
            color: #666666;
            font-family: 'interstate-regular';
            font-size: 1.2em;
            padding: 2% 0 2% 0%;
            margin: 0;
            line-height: 105%;
        }

        .cont_sec .clm-lft h4
        {
            color: #666666;
            font-family: 'interstate-regular';
            font-size: 1.15em;
            margin: 0;
            font-weight: bold !important;
            float: left;
            width: 100%;
            padding: 2% 0 .5% 0%;
        }

 .cnt223 a
        {
            text-decoration: none;
        }

        .popup
        {
            bottom: -100px;
            left: -10px;
            width: 31%;
            /*margin: 235px auto;*/
            display: none;
            position: fixed;
            z-index: 101;
        }

        .cnt223
        {
            margin: 100px auto;
            z-index: 103;
            padding: 27px;
        }

            .cnt223 p
            {
                font-size: 16px;
                font-weight: 400;
                clear: both;
                color: #0d4f6f;
                text-align: center;
            }

                .cnt223 p a
                {
                    color: #d91900;
                    font-weight: bold;
                }

            .cnt223 .x
            {
                float: right;
                height: 35px;
                left: 22px;
                position: relative;
                top: -25px;
                width: 34px;
            }

                .cnt223 .x:hover
                {
                    cursor: pointer;
                }

        .vid
        {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

            .vid:before
            {
                position: absolute;
                top: 48%;
                left: 48%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                content: "\f04b";
                font-family: FontAwesome;
                font-size: 30px;
                color: #fff;
                opacity: .8;
                text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
            }

            .vid:hover:before
            {
                color: #eee;
            }

        .scrollbar
        {
            /*margin-left: 19px;*/
            float: left;
            height: 357px;
            width: 154px;
            cursor: pointer;
            background: #F5F5F5;
            overflow-y: scroll;
            overflow-x: hidden;
            margin-bottom: 25px;
        }

        #divgstvid::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        #divgstvid::-webkit-scrollbar
        {
            width: 5px;
            background-color: #F5F5F5;
        }

        #divgstvid::-webkit-scrollbar-thumb
        {
            background-color: #00b0ff;
            border: 1px solid #00b0ff;
        }

        .container2
        {
            /*width: 960px;*/
            position: relative;
            margin: 0 auto;
            line-height: 1.4em;
        }

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 5em Roboto,Arial,Helvetica;margin:0.25em 0;text-transform: uppercase;}
h2{font:300 2.5em Roboto,Arial,Helvetica;margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

.spacer{padding: 2em 0;}
.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#00a9c6;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#1BC0DC;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}
.navbar-inverse{background: #111;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background: none;color: #21abca;}

#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}
.carousel-caption{top:0;bottom: 0;left: 0; right: 0;padding: 0;}
.caption-wrapper{display: table;height: 100%;width: 100%;}
.caption-info{display: table-cell;float: left;margin-top: 165px;margin-left: 45px;}
.caption-info p{font-size: 1.25em;width: 45%;background-color: rgba(221, 221, 221, 0.59);margin-left: 100px;font-weight: 400;color:navy;}
.caption-info .btn i{margin-right:0.75em;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%; height:482px;}
.carousel-inner {height: 450px;}

.carousel-control{z-index:1000; /*top: -60px;bottom: 60px;*/}

#largeScreen{display:block;}
#smallScreen{display:none;}

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.process ul li{width: 10em;height: 10em;border: 1px solid #CEEBF0;padding: 0;border-radius: 50%;margin: 0 1.25em;line-height: 13.5em;color: #21ABCA;}
.process ul li span{line-height: 2em;display: inline-block;font-weight: 300;}
.process ul li span i{font-size: 3em;}
.process ul li span b{display: block;font-size: 1em;font-weight: 300;}


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

/*works*/
#works{padding-top:6em;}
#works figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0 2em;}
#works figcaption a:hover{text-decoration: none;padding: 0 3em;}
/*works*/

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #21abca;}


.highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(33,171,202,0.5);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/

/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/


.footer{background-color: #428bca; color: #fff; font-size: 1em;color: #a1cae8;padding-top: 30px;padding-bottom: 30px;}
.footer a{color: #a1bedc;margin: 5px ; }  /*margin: 0 1em;*/
.footer p{color: white; text-align: left; font-size: 16px;margin-top: 15px;margin-left: 5%; margin-right:5%;}
.footer strong{color: white;text-align: justify;font-size: 20px;}

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}
.mock{position: fixed;bottom: 1px; left: 1px;padding: 5px;color: #fff;}
.mock i{line-height: 0.5em;}

@media (max-width: 1200px) {
	body{font:300 13px/13px Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 2px;}
	.process ul li{margin:0 0.5em; }
	.grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}
	.partners img{margin: 0 25px 25px 0;}

    /*#head,.carousel{margin-top: 45px;}*/

}

@media (min-width:768px) and (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.process ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	

    .topheader{margin-left: 0px;/*width: 420px;*/}
}


@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: left;font-size: 1.7em;}
	h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 5em;}
	.partners{display: block;float: left;}
	.partners img{width: 120px;}

    .carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 190px;}
    .carousel-inner {height: 190px;}

    #largeScreen{display:none;}
    #smallScreen{display:block;}


	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.process ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 2em;padding-bottom: 2em;}
    .footer a{margin: 5px 15px 5px 15px; }
}

@media (min-width:1366px)
{
    div#footertext3.col-sm-3.container-fluid
    {
        width: 15%;
    }
}