a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}

img.zoom-img {
	display: block;
    padding-bottom: percentage(1 / 2); /* maintain a 1:2 aspect ratio */
    background: @quaternary-color-xxxxxlight no-repeat center / cover;
    transition: all 0.25s ease-out;
	
}

img.zoom-img:hover {
	opacity: 0.5;
    transform: scale(1.2);
	
}


.bg-osw1 {
    background:url(../images/osw-bg2.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

.bg-osw2 {
    background:url(../images/osw-bg2.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   /* background-size: 100% 100%;*/
}

.bg-osw3 {
    background:url(../images/osw-bg3.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

.bg-osw4 {
    background:url(../images/osw-bg9.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

.bg-oswald {
    background:url(../images/osw-bg0.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

.bg-contact {
    background:url(../images/map.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

/* ----------------------- Transition -------------------------- */
	
/*img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}*/

/* ----------------------- //Transition ------------------------ */

.contact ul {
	padding:0px;
}
.contact ul li {
	margin-bottom: 10px;list-style: none;color:#f1f1f1;
}
.footer ul li {
	list-style: none;
}


/*-- --------------------- Well --------------------------- --*/

.well3 {
	text-align:center;
	color:#333;
	min-height: 20px;
    padding: 19px;
	padding-bottom: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	background-color:#f7f7f7;
	border:#eee solid 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* ----------------------- To Top ----------------------------- */

.scrolltop {
	    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .5);
    background-image: url(../images/to_top.png);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.scrolltop:hover {
   background-color: #dd3f19;
   }

.scrolltop i {
      color: #fff;
  }
/* ----------------------- //To Top --------------------------- */

@media(max-width:767px) {
	.well2 {
		font-size: 19px;
		}
	.well3 {
	    font-size: 14px;
        }
}

 ------------------------------------------------------------------------ 

#header-1
{
    width: 100%;
    background: none;
    height: 80px;
}

#header-1 .main-nav
{
    background-color: #193441;
    border: 0;
    height: 80px;
}

#header-1 .main-nav .navbar-toggle
{
    margin-right: 0;
    margin-top: 0;
    background: none;
    position: absolute;
    right: 20px;
    top: 20px;
}

#header-1 .main-nav .navbar-toggle:focus
{
    outline: none;
}

#header-1 .main-nav .navbar-toggle .icon-bar
{
    background-color: rgba(255, 255, 255, 0.6);
    height: 3px;
}

#header-1 .main-nav .navbar-toggle:hover .icon-bar
{
    background-color: #fff;
}

#header-1 .main-nav .nav
{
    margin-top: 12px;
}

#header-1 .main-nav .navbar-nav > li a {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

#header-1 .main-nav .navbar-nav > li.active a
{
    color: #3498DB;
    background: none;
}


#header-1 .main-nav .navbar-nav > li a:hover
{
    color: #3498DB;
    background: none;
}

#header-1 .main-nav .navbar-nav > li a:focus
{
    outline: none;
    background: none;
}

#header-1 .main-nav .navbar-nav > li a:active
{
    outline: none;
    background: none;
}

#header-1 .main-nav .navbar-nav > li.active
{
    color: #333;
}

#header-1 .main-nav .nav .dropdown-menu
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    text-transform: none;
    min-width: 180px;
    background: #3E606F;
}

#header-1 .main-nav .nav .dropdown-menu:before
{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3E606F;
    position: absolute;
    right: 35px;
    top: -10px;
}

#header-1 .main-nav .nav .dropdown-menu a
{
    padding: 8px 20px;
    color: #fff;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#header-1 .main-nav .nav .dropdown-menu a:hover
{
    background: #193441;
    color: #fff;
}

#header-1 .brand-img
{
    max-width: 150px;
    padding: 20px 0;
}

.headroom
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s ease-in-out;
}

.headroom--unpinned
{
    top: -100px;
}

.headroom--pinned
{
    top: 0;
}

/* Override bootstrap default */

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    background: none;
}
/*-- ----------------------- m-design ------------------------------ --*/

.m-design-right h3 {
    color: #fff;
    margin: 0px;
    font-size: 20px;
}

.m-design-right img {
    margin: 1em 0px;
}

/*-- ----------------------- Header-banner ------------------------------ --*/

.header-banner {
  background: url("../images/banner3.jpg")no-repeat 0px 0px;
  background-size: cover;
  min-height: 280px;
}
.header-banner h3 {
	font-size: 4em;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    /*text-transform: capitalize;*/
    color: #fff;
    text-align: center;
    padding-top: 0.8em;
	font-weight: bold;
}

.header-banner h5 {
	font-size: 2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*text-transform: capitalize;*/
    color: #fff;
    text-align: center;
    padding-top: 0.1em;
    font-weight: 500;
	padding-bottom: 30px;
}

@media only screen and (max-width: 480px){
	.header-banner h5 {
		font-size: 1.5em;
}
}
/*-- ----------------------- //Header-banner ---------------------------- --*/


fieldset {
    border: 2px solid #ecf0f1;
    border-radius: 6px;
    /*padding: 30px 50px;*/
	padding: 20px 40px;
}

topnav
 .login {
    border-left: 1px solid #e4e8ea;
    margin-left: 20px;
}

#topnav
 li {
    float: left;
    padding: 10px
 0;
    margin: 0;
    position: relative;
}
 .login {
    border-left: 1px solid #656565;
    margin-left: 20px;
}


/*	HEADER 1 MEDIA QUERIES
/*----------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */

@media (max-width: 767px)
{
    #header-1 .brand-img
    {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #header-1 .navbar-fixed-top
    {
        position: relative;
    }
    #header-1 .navbar-collapse
    {
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 100%;
        top: 80px;
        position: absolute;
        background: #193441;
        z-index: 999;
    }
    #header-1 .navbar-collapse .nav
    {
        margin: 0;
    }
    #header-1 .main-nav .nav .dropdown-menu:before
    {
        display: none;
    }
    #header-1 .navbar-fixed-top .navbar-collapse,
	#header-1 .navbar-fixed-bottom .navbar-collapse
    {
        max-height: inherit;
    }
}


/*-- ----------------------- Header 2 ---------------------------- --*/

#header-2
{
    width: 100%;
    position: relative;
    z-index: 999;
}

#header-2 .brand-img
{
    float: none;
    margin: 30px auto;
    text-align: center;
    max-width: 150px;
}

#header-2 .navbar-toggle
{
    margin-right: 0;
    margin-top: 0;
    background: none;
    position: absolute;
    right: 20px;
    top: 30px;
    border: none;
}

#header-2 .navbar-toggle:focus
{
    outline: none;
}

#header-2 .navbar-toggle .icon-bar
{
    background-color: #999;
    height: 3px;
}

#header-2 .navbar-toggle:hover .icon-bar
{
    background-color: #3498DB;
}

#header-2 .navbar-fixed-top .navbar-collapse
{
    max-height: inherit;
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#header-2 .main-nav .nav
{
    margin-top: 25px;
}

#header-2 .main-nav .navbar-nav > li a
{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #666;
    background: none;
}

#header-2 .main-nav .navbar-nav > li.active a
{
    color: #3498DB;
}


#header-2 .main-nav .navbar-nav > li a:hover
{
    color: #3498DB;
}

#header-2 .main-nav .navbar-nav > li a:focus
{
    outline: none;
}

#header-2 .main-nav .nav .dropdown-menu
{
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    text-transform: none;
    min-width: 180px;
    background: #3E606F;
}

#header-2 .main-nav .nav .dropdown-menu a
{
    padding: 8px 20px;
    color: #666;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#header-2 .main-nav .nav .dropdown-menu a:hover
{
    background: #3498DB;
    color: #fff;
}

/* Override bootstrap default */

#header-2 .main-nav .nav .open > a,
#header-2 .main-nav .nav .open > a:hover,
#header-2 .main-nav .nav .open > a:focus
{
    background: none;
}

/*	Header 2 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */

@media only screen and (min-width : 768px)
{
    #header-2 .main-nav .nav .dropdown-menu
    {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin: 0;
        border: none;
        text-transform: none;
        min-width: 180px;
        background: #3E606F;
    }
    #header-2 .main-nav .nav .dropdown-menu:before
    {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #3E606F;
        position: absolute;
        right: 35px;
        top: -10px;
    }
    #header-2 .main-nav .nav .dropdown-menu a
    {
        padding: 8px 20px;
        color: #fff;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
    #header-2 .main-nav .nav .dropdown-menu a:hover
    {
        background: #193441;
        color: #fff;
    }
}

 ------------------------------- Line --------------------------------- 

.horizontal-line {
    background: none repeat scroll 0 0 #333;
    height: 2px;
    margin: 15px 0;
    opacity: 1;
    width: 40px;	
	    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#about {
	padding: 0em 0 0 0;
	background: #F8F8F8;
}

#about h4,
#process h4 {
	font-weight: 600;
	margin: 0;
	color:#6475dc;
}

#about p,
#process p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
}

.about-services h4,
.about-services i,
.about-services .horizontal-line,
.process-step h4,
.process-step i,
.process-step .horizontal-line {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.about-services .left,
#process .left {
	width: 18%;
	padding-top: 5px;
}

.about-services .right,
#process .right {
	width: 80%;
}
.about-services i,
#process i {
	font-size: 30px;
}

.horizontal-line {
	background: none repeat scroll 0 0 #333;
	height: 2px;
	margin: 15px 0;
	opacity: 1;
	width: 40px;
}

#about p, #process p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
	text-align:left;
}

.about-services i, #process i {
    font-size: 30px;
}

.about-services h4, .about-services i, .about-services .horizontal-line, .process-step h4, .process-step i, .process-step .horizontal-line {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*	HEADER 3
/*----------------------------------------------------*/

#header-3 {
    width: 100%;
}

#header-3 .brand {
	position: relative;
}

#header-3 .brand-img {
	position: absolute;
	left: 15px;
	top: 0;
	max-width: 150px;
}

#header-3 nav {
	background-color: #233447;
	margin-top: -1px;
}

#header-3 nav ul {
	list-style: none;
	padding: 0;
}

#header-3 nav ul li {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	padding-left: 0;
	position: relative;
}

#header-3 nav ul li:last-child {
	border: none;
}

#header-3 nav ul li a {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	padding: 20px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	padding-left: 0;
	position: relative;
}

#header-3 nav ul li a:hover, #header-3 nav ul li a:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
}

#header-3 #nav-toggle {
	position: absolute;
	right: 15px;
	top: 0;
}

#header-3 #nav-toggle {
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}

#header-3 #nav-toggle span, #header-3 #nav-toggle span:before, #header-3 #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #353535;
	position: absolute;
	display: block;
	content: '';
}

#header-3 #nav-toggle span:before { top: -10px; }
#header-3 #nav-toggle span:after { bottom: -10px; }

#header-3 #nav-toggle span, #header-3 #nav-toggle span:before, #header-3 #nav-toggle span:after {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
}

#header-3 #nav-toggle.active span { background-color: transparent; }

#header-3 #nav-toggle.active span:before, #header-3 #nav-toggle.active span:after { top: 0; }

#header-3 #nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#header-3 #nav-toggle.active span:after {
	transform: translateY(-10px) rotate(-45deg);
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}

#header-3 .navicon {
	position: relative;
	height: 26px;
}



#header-3 .indicator {
	position: absolute;
	right: 0 !important;
}

#header-3 .pull { display: none; }


#header-3 .hero {
	background: url('../images/header-3-bg.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 50px 0 300px 0;
	height: auto;
}

#header-3 .hero h1 {
	margin-top: 100px;
	font-weight: 600;
	color: #31152B;
}

#header-3 .hero .lead {
	font-weight: 600;
	color: #723147;
}


/*	PROMO BLOCK 1
/*----------------------------------------------------*/

.promo-1 {
	background: url("../images/water-bg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 140px 0;
}

.promo-1 .video-wrapper {
	max-width: 600px;
	margin: 20px auto 0 auto;
}

/*	PROMO BLOCK 2
/*----------------------------------------------------*/

.promo-2 h1 {
	font-size: 60px;
}

.promo-2 h1, .promo-2 h2 {
	color: #ffffff;
}

.promo-2 .countDown {
	margin: 80px auto 40px auto;
	font-size: 0;
}

.promo-2 .countDown .countDown-input {
	display: none;
}

.promo-2 .countDown .countDown-wrap {
	width: 185px;
	margin: 0 15px 20px;
	display: inline-block;
	background: rgba(133, 214, 222, 0.1);
	border-left: 4px solid #F39C12;
	border-right: 4px solid #F39C12;
}

.promo-2 .countDown .digits {
	display: block;
	margin-top: 34px;
	margin-bottom: -6px;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 120px;
	color: #ffffff;
}

.promo-2 .countDown .digits-label {
	margin-bottom: 18px;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #ffffff;
}


/*	PROMO BLOCK 3
/*----------------------------------------------------*/

.promo-3 {
	background: url("../images/star-sky.jpg") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	padding: 140px 0;
}

.promo-3 h1 {
	font-size: 44px;
	color: #454545;
}

.promo-3 h2 {
	font-weight: 600;
	color: #2c3e50;
}

.promo-3 a {
	margin-top: 40px;
}

@media (max-width: 480px) {
	.promo-3 h1 {
		font-size: 30px;
		    margin-top: 12px;
}

   .promo-3 h2 {
       font-weight: 500;
	   font-size: 26px;
}
}

/* ------------------------------------ Service --------------------------------------- */

.services-main-left span{
		background:url(../images/sprit.png) no-repeat;
		width:52px;
		height:52px;
		display:block;
		margin: 0 auto;
}
.services-main-left span.left-one{
	     background-position:-156px 0px;
}
.services-main-left span.left-two{
	     background-position:0px 0px;
}
.services-main-left span.left-three{
	     background-position:-52px 0px;
}
.services-main-left span.left-four{
	     background-position:-104px 0px;
}
.services-main-left {
		text-align: center;
}
.services-main-left h3 {
		color: #3F4244;
		font-size:1.5em;
		margin: 2em 0px 0px 0px;
		font-weight: 500;
}
.services-main-left p{
		color: #A1A8AD;
		font-size:13px;
}
.services {
		padding: 5em 0px;
}
.services-main-left img{
	margin:1.3em 0px;
}
.responcive{
	background:#F7F7F7;
	padding:4em 0px;
}
.responcive-top-left h3,.responcive-top-right h3{
	color:#646668;
	font-size:15px;
	font-weight:500;
	text-align:center;
}
.responcive-top-left h3 {
	border: 1px solid #999;
}
/*----------------------------------------------------*/
/*	CONTAINER BLOCK 1-1
/*----------------------------------------------------*/

.content-1-1
{
    background: url("../images/typewriter-bg.jpg") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.content-1-1 .container
{
    margin-top: 380px;
}

.content-1-1 h1
{
    text-transform: uppercase;
    font-weight: 300;
}

/*	CONTAINER BLOCK 1-3
/*----------------------------------------------------*/

.content-1-3
{
    text-align: center;
}

.content-1-3 p
{
    padding: 0 20px;
}

.content-1-3 .services-wrapper
{
    margin: 20px 0 0;
}

.content-1-3 .services-wrapper .icon
{
    height: 175px;
    width: 175px;
    max-width: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 50px;
	background-color:#0FF;
}

.content-1-3 .services-wrapper .icon span
{
    line-height: 175px;
    color: #454545;
    font-size: 55px;
}


/*	CONTAINER BLOCK 1-4
/*----------------------------------------------------*/

.content-1-4
{
    padding: 0px;
    position: relative;
}

.content-1-4 .image-container
{
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
}

.content-1-4 .image-container .background-image-holder
{
    background: #cccccc url('../images/dark-logs-bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.content-1-4 .content
{
    padding-top: 80px;
    padding-bottom: 80px;
}

.content-1-4 h1
{
    margin-bottom: 32px;
}

.content-1-4 p.lead
{
    margin-bottom: 20px;
}

/*	CONTAINER BLOCK 1-4 MEDIA QUERIES
/*----------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */

@media (max-width: 767px)
{
    .content-1-4 .image-container
    {
        display: none;
    }
}

/*	CONTAINER BLOCK 1-5
/*----------------------------------------------------*/

.content-1-5 h1 {
    color: #6475dc;
	font-weight:400;
}

@media (max-width: 480px){
    .content-1-5 h1 {
		font-size:32px;
     
    }
}


/*	CONTAINER BLOCK 1-6
/*----------------------------------------------------*/

.content-1-6 h2
{
    margin-bottom: 40px !important;
}

.content-1-6 .client-row
{
    overflow: hidden;
    text-align: center;
    line-height: 0;
}

.content-1-6 .client-row .col-md-3
{
    display: inline-block;
    min-height: 80px;
    line-height: 80px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.content-1-6 .client-row img
{
    max-width: 140px;
    opacity: 0.3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-backface-visibility: none;
    height: auto;
}

.content-1-6 .client-row img:hover
{
    opacity: 1;
}

.content-1-6 .client-row .row-wrapper
{
    display: inline-block;
    width: 80%;
}

.content-1-6 .client-row:last-child .row-wrapper
{
    border-bottom: none;
}

.content-1-6 .row-wrapper .col-md-3
{
}

.content-1-6 .row-wrapper .col-md-3:last-child
{
    border-right: none;
}

/*	CONTAINER BLOCK 1-6 MEDIA QUERIES
/*----------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */

@media (max-width: 767px)
{
    .content-1-6 .client-row .row-wrapper
    {
        border-bottom: none;
    }
    .content-1-6 .row-wrapper .col-md-3
    {
        border-right: none;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width : 992px)
{
    .content-1-6 .client-row .row-wrapper
    {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .content-1-6 .row-wrapper .col-md-3
    {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
}

/* Large Devices, Wide Screens */

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

/*	CONTAINER BLOCK 1-7
/*----------------------------------------------------*/

.content-1-7
{
    text-align: center;
    padding: 64px 0px 64px 0px;
}

.content-1-7 .col-md-2
{
    height: 80px;
    line-height: 80px;
}

.content-1-7 img
{
    max-width: 140px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.4;
    height: auto;
}

.content-1-7 img:hover
{
    opacity: 1;
}


/*	CONTAINER BLOCK 1-9
/*----------------------------------------------------*/

.content-1-9 h4
{
    margin-top: 0;
}

.content-1-9 .fa
{
    font-size: 32px;
    color: #16A085;
}


/*----------------------------------------------------*/

.content-2-1 .btn-outline {
	margin-bottom: 30px;
}

.content-2-1 h2 {
	color: #454545;
}


/* ---------------------- Outline Buttons -------------------- */
.btn-outline{
    color: #FFF;
    padding: 12px 40px;
    margin: 15px 0;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.btn-outline:hover{
    text-decoration: none;
    color: #ffffff;
}

.btn-outline-sm{
    padding: 5px 13px;
    font-size: 13px;
}

.btn-outline-lg{
    padding: 14px 26px;
    font-size: 15px;
}

.btn-outline-xl{
    padding: 18px 30px;
    font-size: 24px;
}

/*.btn-outline.outline-light,
.icon.outline-light{
	color: #fff;
    background: none;
    border: 2px solid #ccc;
}

.btn-outline.outline-light:hover,
.icon.outline-light:hover{
    color: #2c3e50;
    background: #ffffff;
}
*/
.btn-outline.outline-dark,
.icon.outline-dark{
    color: #6475dc;
    background: none;
    border: 2px solid #6475dc;
}

.btn-outline.outline-dark:hover,
.icon.outline-dark:hover{
    color: #ffffff;
    background: #6475dc;
}

button:hover{
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/*	CONTAINER BLOCK 2-2
/*----------------------------------------------------*/

.content-2-2 h3 { font-weight: 300; }
.content-2-2 h3, .content-2-2 p { color: #121212; }

.content-2-2 .icon-outline {
	height: 150px;
	width: 150px;
	max-width: 100%;
	border: 4px solid #ccc;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 0 auto 50px;
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.content-2-2 .icon-outline:hover {
	box-shadow: 0 0 0 14px rgba(255,255,255,0.4);
	color: #fff;
}

.content-2-2 .icon-outline span {
	line-height: 150px;
	color: #404042;
	font-size: 55px;
}

/*	CONTAINER BLOCK 2-3
/*----------------------------------------------------*/

.content-2-3 h2 {
	color: #232323;
	margin: 0;
}

/*	CONTAINER BLOCK 2-4
/*----------------------------------------------------*/

.content-2-4 i {
	clear: both;
}

#quote-carousel {

}

.content-2-4 h1, .content-2-4 p {
	color: #ffffff;
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 20px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    line-height: 1.1;
}

/*	CONTAINER BLOCK 2-5
/*----------------------------------------------------*/

/* Light */
.content-2-5-light h2 {
	color: #333333;
}

/* Dark */
.content-2-5-dark h2 {
	color: #ffffff;
}

.content-2-5-dark h2 a {
	color: #f1c40f;
}

.content-2-5-dark h2 a:hover {
	color: #ffffff;
}

/*	CONTAINER BLOCK 2-6
/*----------------------------------------------------*/

.content-2-6 .btn-outline {
	margin: 1.8em;
}

.content-2-6 h2 {
	font-weight: 700;
	line-height: 1.4em;
	color: #ffffff;
}


/*	CONTAINER BLOCK 2-7
/*----------------------------------------------------*/

.content-2-7 {
	background: url("../images/dark-logs-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.content-2-7 .counter-icon {
	font-size: 5em;
	margin-top: 30px;
	color: #f39c12;
}

.content-2-7 .counter, .content-2-7 .counter-text {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #f39c12;
}

.content-2-7 .counter-text {
	font-size: 20px;
}

.content-2-7 .counter {
	font-size: 44px;
	color: #fff;
}

.content-2-7 .underlined-title h1, .content-2-7 .underlined-title h2 {
	color: #fff;
}


/*	CONTAINER BLOCK 2-8
/*----------------------------------------------------*/

.content-2-8 {
	padding: 0px;
	position: relative;
}

.content-2-8 .image-container {
	position: absolute;
	height: 100%;
	padding: 0px;
	top: 0px;
}

.content-2-8 .image-container .background-image-holder {
	background: url('../images/gold-iphone.png') no-repeat bottom center;
	
	height: 100%;
}

.content-2-8 .content {
	padding-top: 60px;
	padding-bottom: 60px;
}

.content-2-8 h1 {
	font-weight: 600;
	font-size: 56px;
}

.content-2-8 h3 {
	margin-top: 0;
	font-weight: 600;
}

.content-2-8 h1, .content-2-8 h3, .content-2-8 .lead, .content-2-8 p, .content-2-8 span {
	color: #ffffff;
}


/*	CONTAINER BLOCK 2-9
/*----------------------------------------------------*/

.content-2-9 {
	background: #ccc;
	min-height: 260px;
	position: relative;
}

.content-2-9 .project {
	height: 260px;
	overflow: hidden;
	position: relative;
	padding: 0;
}

.content-2-9 .project img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.content-2-9 .project .background-image-holder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	z-index: 0;
	background-position: 50% 50% !important;
}


.content-2-9 .project .hover-state {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	padding: 0 25px;
}

.content-2-9 .project:hover .hover-state {
	opacity: 1;
}

.content-2-9 .project .hover-state h3 {
	color: #fff;
	/*margin-top: 40px;*/
	margin-top: 70px;
	margin-bottom: 8px;
}

.content-2-9 .project .hover-state p {
	color: #fff;
}

.content-2-9 .project .hover-state .align-vertical {
	-webkit-transform: translate3d(0, 20px, 0);
	-moz-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}

.content-2-9 .project:hover .align-vertical {
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}


/*	CONTAINER BLOCK 2-9 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.content-2-9 {
		min-height: 520px;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.content-2-9 {
		min-height: 260px;
	}
	
}


/*	CONTAINER BLOCK 2-10
/*----------------------------------------------------*/

.content-2-10 .border-box {
	border: 4px solid #BDC3C7;
	padding: 20px 40px;
}

.content-2-10 .border-box h2 {
	
}

/* ----------------------------------------- */
.overlay-aqua {
	background-color: rgba(26, 188, 156, 0.8);
}
.overlay-orange {
	background-color: rgba(253, 156, 18, 0.8);
}
.overlay-blue {
	background-color: rgba(52, 152, 219, 0.8);
}

/*	CONTAINER BLOCK 3-1
/*----------------------------------------------------*/

.content-3-1 {
	background-image: url("../images/palm-trees.jpg");
	background-size: cover !important;
	min-height: 400px;
}

.overlay-aqua {
	background-color:#6475dc;
	/*background-image:url(../images/slide30.jpg);*/
}

.overlay-title {
	background: #232547;
    background: -moz-linear-gradient(top, #085a78 0%, #232547 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085a78), color-stop(100%,#232547));
    background: -webkit-linear-gradient(top, #085a78 0%,#232547 100%);
    background: -o-linear-gradient(top, #085a78 0%,#232547 100%);
    background: -ms-linear-gradient(top, #085a78 0%,#232547 100%);
    background: linear-gradient(to bottom, #085a78 0%,#232547 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085a78', endColorstr='#232547',GradientType=0 );
}

.content-3-1 .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1px;
}

.content-3-1 h1, .content-3-1 h2 {
	color: #FFFFFF;
	font-weight: 600;
	text-transform: uppercase;
}

.content-3-1 h1 {
	
}

.content-3-1 h2 {
	margin-top: 100px;
	font-size: 23px;
}

.content-3-10 h2 {
	margin-top: 22px;
	font-size: 13px;
}

/*	CONTAINER BLOCK 3-2
/*----------------------------------------------------*/

.content-3-2 {
	background-image: url("../images/camera-girl.jpg");
	background-size: cover !important;
	min-height: 500px;
}

.content-3-2 .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.content-3-2 h1, .content-3-2 h2 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.content-3-2 h1 {
	
}

.content-3-2 h2 {
	margin-top: 100px;
	font-size: 13px;
}


/*	CONTAINER BLOCK 3-3
/*----------------------------------------------------*/

.content-3-3 {
	background-image: url("../images/seagulls.jpg");
	background-size: cover !important;
	min-height: 500px;
}

.content-3-3 .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.content-3-3 h1, .content-3-3 h2 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.content-3-3 h1 {
	
}

.content-3-3 h2 {
	margin-top: 100px;
	font-size: 13px;
}


/*	CONTAINER BLOCK 3-5
/*----------------------------------------------------*/

/*p {
	font-family:'Source Sans Pro', sans-serif;
   font-size:18px;
    line-height: 1.6;
    margin: 15px 0;
    color: #515157;
}
*/
.nav-tabs {
    margin: 0 auto;
}

.content-block {
    width: 100%;
    /*padding: 60px 0 60px 0;*/
    z-index: 100;
    position: relative;
    background-color: #000000;
}

.content-block2 {
    width: 100%;
    padding: 60px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

@media screen and (max-width: 480px){
.content-block2 {
    width: 100%;
    padding: 10px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;	
}
}

.content-home {
	width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
    padding-top: 4em;
    padding-bottom: 0.1em;
}

.content-home1 {
    width: 100%;
    z-index: 100;
    position: relative;
	padding-top: 0.1em;
    padding-bottom: 1em;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
}

.content-home2 {
	width: 100%;
    z-index: 100;
    position: relative;
    padding-bottom: 0.1em;
}

.content-home3 {
	width: 100%;
    z-index: 100;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
	background: #265fac;
    background: -moz-linear-gradient(top, #01f9fb 0%, #265fac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01f9fb), color-stop(100%,#265fac));
    background: -webkit-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: -o-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: -ms-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: linear-gradient(to bottom, #01f9fb 0%,#265fac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01f9fb', endColorstr='#265fac',GradientType=0 );
}

.content-home4 {
	width: 100%;
    z-index: 100;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    background: #017071;
    background: -moz-linear-gradient(top, #67e7d9 0%, #017071 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67e7d9), color-stop(100%,#017071));
    background: -webkit-linear-gradient(top, #67e7d9 0%,#017071 100%);
    background: -o-linear-gradient(top, #67e7d9 0%,#017071 100%);
    background: -ms-linear-gradient(top, #67e7d9 0%,#017071 100%);
    background: linear-gradient(to bottom, #67e7d9 0%,#017071 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e7d9', endColorstr='#017071',GradientType=0 );
}

.content-home5 {
	width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
}

.content-home6 {
	width: 100%;
    z-index: 100;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
	background: #FF7A00;
/*    background: -moz-linear-gradient(top, #01f9fb 0%, #265fac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01f9fb), color-stop(100%,#265fac));
    background: -webkit-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: -o-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: -ms-linear-gradient(top, #01f9fb 0%,#265fac 100%);
    background: linear-gradient(to bottom, #01f9fb 0%,#265fac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01f9fb', endColorstr='#265fac',GradientType=0 );*/
}

.content-home7 {
    width: 100%;
    z-index: 100;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    background: #ed0000;
    background: -moz-linear-gradient(top, #ed0000 0%, #aa0102 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed0000), color-stop(100%,#aa0102));
    background: -webkit-linear-gradient(top, #ed0000 0%,#aa0102 100%);
    background: -o-linear-gradient(top, #ed0000 0%,#aa0102 100%);
    background: -ms-linear-gradient(top, #ed0000 0%,#aa0102 100%);
    background: linear-gradient(to bottom, #ed0000 0%,#aa0102 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#aa0102',GradientType=0 );
}

.content-home8 {
    width: 100%;
    z-index: 100;
    position: relative;
    background-color: #f3f3f3;
    padding-bottom: 0.1em;
}

.content-3-5 .content-3-55 .feature-box {
	background-color: #c6c6c6;
    margin: 20px 0;
    padding: 35px 30px;
    text-align: center;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

.content-3-5 .content-3-55 .feature-box:hover {
    background-color: #31152B;
}

.content-3-5 .icon {
    margin: 0 auto;
    background-color: #ffffff;
    text-align: center;
    color: #723147;
    font-size: 60px;
    height: 140px;
    width: 140px;
    line-height: 130px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.content-3-5 .feature-box p {
    line-height: 25px;
    color: #ffffff;
    opacity: 0.5;
}

.content-3-5 .feature-box h3 {
    padding: 15px 0px 0px;
    color: #ffffff;
}

.content-3-5 .content-3-55 .feature-box, .content-3-5 .feature-box:hover, .content-3-5 .feature-icon, .content-3-5 .feature-box:hover .feature-icon {
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
}

.content-3-55 h2{
	font-size:34px;
    color: #2c3e50;
}

@media (max-width:480px){
	.content-3-55 h2{
		font-size:24px;
	}	
}

/*	CONTAINER BLOCK 3-6
/*----------------------------------------------------*/

.content-3-6 .feature-box {
    background: #91AA9D;
    margin: 20px 0;
    padding: 35px 30px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.content-3-6 .feature-box:hover {
    background-color: #3E606F;
}

.content-3-6 .icon {
    margin: 0 auto;
    background-color: #ffffff;
    text-align: center;
    color: #91AA9D;
    font-size: 60px;
    height: 140px;
    width: 140px;
    line-height: 130px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.content-3-6 .feature-box p {
    line-height: 25px;
    color: #ffffff;
    opacity: 0.5;
}

.content-3-6 .feature-box h3 {
    padding: 15px 0px 0px;
    color: #ffffff;
}

.content-3-6 .feature-box, .content-3-6 .feature-box:hover, .content-3-6 .feature-icon, .content-3-6 .feature-box:hover .feature-icon {
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
}


/*	CONTAINER BLOCK 3-7
/*----------------------------------------------------*/

.content-3-7 .underlined-title {
	padding-bottom: 0;
}

/*	CONTAINER BLOCK 3-8
/*----------------------------------------------------*/

.content-3-8 .underlined-title {
	padding-bottom: 0;
    text-align: left;
}

.content-3-8 .underlined-title hr {
    float: left;
}

.content-3-8 .underlined-title h2 {
	clear: left;
}



/*	CONTAINER BLOCK 3-9
/*----------------------------------------------------*/

.content-3-9 .underlined-title {
	padding-bottom: 0;
    text-align: right;
}

.content-3-9 .underlined-title hr {
    float: right;
}

.content-3-9 .underlined-title h2 {
	clear: right;
}



/*	CONTAINER BLOCK 3-10
/*----------------------------------------------------*/

.content-3-10 {
	padding: 0px;
	position: relative;
}

.content-3-10 .image-container {
	position: absolute;
	height: 300px;
	padding: 0px;
	top: 0px;
}

.content-3-10 .image-container .background-image-holder {
	background:url(../images/trilobite-min.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

.content-3-10 .content {
	margin-top: 300px;
	padding: 40px;
}

.content-3-10 h3 {
	margin-bottom: 32px;
}

.content-3-10 p {
	margin-bottom: 20px;
}



/*	CONTAINER BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.content-3-10 .image-container {
		height: 100%;
	}
	
	.content-3-10 .content {
		margin-top: 0px;
		padding: 80px 15px 80px 80px;
	}
	
}


/*	CONTAINER BLOCK 3-11
/*----------------------------------------------------*/

.content-3-11 {
	padding: 0px;
	position: relative;
}

.content-3-11 .image-container {
	position: absolute;
	height: 300px;
	padding: 0px;
	top: 0px;
	right: 0px;
}

.content-3-11 .image-container .background-image-holder {
	background: url('../images/low-poly-2.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

.content-3-11 .content {
	margin-top: 300px;
	padding: 40px;
}

.content-3-11 h3 {
	margin-bottom: 32px;
}

.content-3-11 p {
	margin-bottom: 20px;
}



/*	CONTAINER BLOCK 3-11 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.content-3-11 .image-container {
		height: 100%;
	}
	
	.content-3-11 .content {
		margin-top: 0px;
		padding: 80px 80px 80px 15px;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	
	
}

/*	Gallery 2
/*----------------------------------------------------*/

.gallery-2-title {
	text-align: center;
	padding-bottom: 30px;
}

.gallery-2-title h1 { color: #2c3e50; margin: 0; }
.gallery-2-title h2 { color: #95a5a6; }

.gallery-2-title hr {
	width: 10%;
	border-width: 2px;
	border-color: #16a085;
}

*, *:after, *:before { box-sizing: border-box; }

.grid {
	overflow: hidden;
	text-align: center;
	margin: 10px 0;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	height: 300px;
	background: #2c3e50;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */


/* Gallery Item
 * -------------------------- */

.isotope-gallery-container .col-md-3
{
    margin-right: -1px;
}

.gallery-item-wrapper
{
    padding-bottom: 25px;
}

.gallery-item
{
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 3px;
}

.flush .gallery-item
{
    border-radius: 0;
}

.gallery-item .gallery-thumb
{
    position: relative;
    overflow: hidden;
}

.gallery-item .gallery-thumb img
{
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
}

.gallery-item:hover .gallery-thumb img
{
    transform: scale(1.1);
}

.gallery-item .gallery-thumb .image-overlay
{
    background-color: #2c3e50;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.gallery-item:hover .gallery-thumb .image-overlay
{
    opacity: 0.50;
    filter: alpha(opacity=50);
}

.gallery-item .gallery-thumb .gallery-zoom, .gallery-item .gallery-thumb .gallery-link {
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #2c3e50;
    display: none;
    line-height: 45px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    font-size: 18px;
    color: #fff;
    display: block;
    border-radius: 2px;
}

.gallery-item .gallery-thumb .gallery-zoom:hover, .gallery-item .gallery-thumb .gallery-link:hover
{
    background-color: #1ABC9C;
    color: #ffffff;
}

.gallery-item .gallery-thumb .gallery-zoom:focus, .gallery-item .gallery-thumb .gallery-link:focus
{
    outline: none;
}

.gallery-item .gallery-thumb .gallery-link
{
    right: 0;
    margin-right: -45px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.gallery-item .gallery-thumb .gallery-zoom
{
    left: 0;
    margin-left: -45px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.gallery-item:hover .gallery-thumb .gallery-zoom
{
    display: block;
    left: 50%;
    margin-left: -48px;
}

.gallery-item:hover .gallery-thumb .gallery-link
{
    display: block;
    right: 50%;
    margin-right: -48px;
}

.gallery-item .gallery-details
{
    text-align: center;
    padding-top: 20px;
    background-color: #fff;
    border: 2px solid #ecf0f1;
    border-top: 0;
    overflow: hidden;
}

.gallery-item .gallery-details h5
{
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    position: relative;
}

.gallery-item .gallery-details p
{
    font-size: .9em;
}

/* Gallery Filter
 * -------------------------- */

.filter
{
    list-style: none;
    padding: 0;
    margin: 0 0 60px 0;
    text-align: center;
}

.filter li
{
    display: inline-block;
    margin: 0;
}

.filter li:before
{
    display: inline-block;
    content: "/";
    padding: 0 25px 0 19px;
    color: rgba(0,0,0,0.20);
}

.filter li:first-child:before
{
    display: none;
}

.filter li a
{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #2c3e50;
}

.filter li a:hover,
.filter li a:focus,
.filter li a.active
{
    color: #1ABC9C;
    text-decoration: none;
}

/* Isotope Animating
 * -------------------------- */

.isotope,
.isotope .isotope-item
{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope
{
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item
{
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;

}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition
{
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/*	Team 1
/*----------------------------------------------------*/

.team-1 h2
{
    margin-bottom: 50px;
}

.team-member
{
    max-width: 500px;
    margin: 0 auto 20px auto;
    overflow: hidden;
    border-top: 0;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
}

.team-details
{
    padding: 20px;
}

.team-member .member-name
{
    margin-top: 20px;
    position: relative;
}

.team-member .member-name:before
{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #ecf0f1;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.team-member .position
{
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    display: block;
}

.team-member .social-links
{
    padding-top: 10px;



}

.team-member .social-links > li a
{
    border-color: #ecf0f1;
    border-radius: 3px;
}

.team-member > img
{
    width: 100%;
}

/*	Team 2
/*----------------------------------------------------*/

.team-2 .team-wrapper
{
    padding-bottom: 25px;
}

.team-2 .team-wrapper .team-item
{
    max-width: 500px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.team-2 .team-wrapper .team-item .team-thumb
{
    position: relative;
    overflow: hidden;
}

.team-2 .team-wrapper .team-item .team-thumb img
{
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
}

.team-2 .team-wrapper .team-item:hover .team-thumb img
{
    transform: scale(1.1);
}

.team-2 .team-wrapper .team-item .team-thumb .image-overlay
{
    background-color: #2c3e50;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.team-2 .team-wrapper .team-item:hover .team-thumb .image-overlay
{
    opacity: 0.50;
    filter: alpha(opacity=50);
}

.team-2 .team-wrapper .team-item .team-thumb .team-link
{
    position: absolute;
    color: #fff;
    display: block;
}

.team-2 .team-wrapper .team-item .team-thumb .team-link:hover
{
    color: #F39C12;
}

.team-2 .col-sm-4 .team-item .team-thumb .team-link, .team-2 .col-md-3 .team-item .team-thumb .team-link
{
    top: 0;
    left: 45%;
    margin-top: -50px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.team-2 .col-sm-4 .team-item:hover .team-thumb .team-link, .team-2 .col-md-3 .team-item:hover .team-thumb .team-link
{
    display: block;
    top: 58%;
    left: 45%;
}

.team-2 .team-wrapper .team-item .team-details
{
    text-align: center;
    padding-top: 20px;
    background-color: #fff;
    border-top: 0;
    overflow: hidden;
}

/*	Team 2 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */

@media only screen and (min-width : 768px)
{
    .team-2 .col-sm-4 .team-item .team-thumb .team-link
    {
        left: 40%;
    }
    .team-2 .col-sm-4 .team-item:hover .team-thumb .team-link
    {
        top: 66%;
        left: 40%;
    }
    .team-2 .col-sm-6 .team-item .team-thumb .team-link
    {
        left: 43.4%;
    }
    .team-2 .col-sm-6 .team-item:hover .team-thumb .team-link
    {
        top: 60%;
        left: 43.4%;
    }
}

/* Medium Devices, Desktops */

@media only screen and (min-width : 992px)
{
    .team-2 .col-sm-4 .team-item .team-thumb .team-link
    {
        left: 42%;
    }
    .team-2 .col-sm-4 .team-item:hover .team-thumb .team-link
    {
        top: 62%;
        left: 42%;
    }
    .team-2 .col-md-3 .team-item .team-thumb .team-link
    {
        left: 39%;
    }
    .team-2 .col-md-3 .team-item:hover .team-thumb .team-link
    {
        top: 66%;
        left: 39%;
    }
}

/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px)
{
    .team-2 .col-sm-4 .team-item .team-thumb .team-link
    {
        left: 43.4%;
    }
    .team-2 .col-sm-4 .team-item:hover .team-thumb .team-link
    {
        top: 60%;
        left: 43.4%;
    }
    .team-2 .col-md-3 .team-item .team-thumb .team-link
    {
        left: 41.3%;
    }
    .team-2 .col-md-3 .team-item:hover .team-thumb .team-link
    {
        top: 63%;
        left: 41.3%;
    }
}

/*	Pricing Tables 1
/*----------------------------------------------------*/

.pricing-table-1 .price-block {
	text-align: center;
	color: #ffffff;
	transition: all 0.25s;
	max-width: 400px;
	margin: 0 auto 20px auto;
}

.pricing-table-1 h3 {
	text-transform: uppercase;
	padding: 20px 0;
	background: #2c3e50;
	margin: 0;
	border-radius: 6px 6px 0 0;
}

.pricing-table-1 .price {
	display: inline-block;
	background: #898989;
	width: 100%;
}

.pricing-table-1 .price-figure {
	font-size: 24px;
	text-transform: uppercase;
	padding-top: 14px;
}

.pricing-table-1 .price-number {
	font-weight: 600;
	display: block;
	margin-bottom: 0;
}

.pricing-table-1 .price-tenure {
	font-size: 11px;
	margin-top: 0;
}

.pricing-table-1 .features {
	background: #e6e6e6;
	color: #555555;
	padding: 0;
	margin: 0;
}

.pricing-table-1 .features li {
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
}

.pricing-table-1 .price-footer {
	display: block;
	background: #2c3e50;
	border-radius: 0 0 6px 6px;
	margin-top: -5px;
	padding: 10px 0;
}


/* Hover Effects */
.pricing-table-1 .price-block:hover {
	transform: scale(1.04) translateY(-5px);
	-webkit-transform: scale(1.04) translateY(-5px);
	z-index: 1;
	border-bottom: 0 none;
}

.pricing-table-1 .price-block:hover .price.pastel-blue { background: #6082EB; }
.pricing-table-1 .price-block:hover .price.pastel-green { background: #18B29D; }
.pricing-table-1 .price-block:hover .price.pastel-red { background: #FF5E65; }
.pricing-table-1 .price-block:hover .price.pastel-orange { background: #FFB068; }


.pricing-table-1 .price-block:hover h3 {
	background: #233447;
}

/* Ribbons */
.ribbon {
	position: absolute;
	top: -4px;
	right: 11px;
	width: 82px;
	height: 82px;
	overflow: hidden;
	z-index: 10
}

.red-hot { background: url("../images/ribbons/red-hot.png") 0 0 no-repeat; }
.best-value { background: url("../images/ribbons/best-value.png") 0 0 no-repeat; }
.super-cool { background: url("../images/ribbons/super-cool.png") 0 0 no-repeat; }
.new { background: url("../images/ribbons/new.png") 0 0 no-repeat; }
.premium { background: url("../images/ribbons/premium.png") 0 0 no-repeat; }
.exclusive { background: url("../images/ribbons/exclusive.png") 0 0 no-repeat; }
.popular { background: url("../images/ribbons/popular.png") 0 0 no-repeat; }
.five-stars { background: url("../images/ribbons/five-stars.png") 0 0 no-repeat; }

/*	Pricing Table 2
/*----------------------------------------------------*/

.pricing-table-2 .tables-row {
	margin-top: 40px;
}

.pricing-table-2 .price-block {
	max-width: 500px;
	margin: 0 auto 40px auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pricing-table-2 .price-block header {
	background: #2F4052;
	text-align: center;
	padding: 50px;
}

.pricing-table-2 .price-block h2 {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #FFF;
}

.pricing-table-2 .price-block .btn {
	margin-bottom: 0;
}

.pricing-table-2 .price-block .price {
	margin-bottom: 15px;
	color: #ffffff;
}

.pricing-table-2 .price-block .price * {
	font-family: 'Lato', sans-serif;
	line-height: 100%;
}

.pricing-table-2 .price-block .price .amount {
	font-size: 120px;
	font-weight: 900;
}

.pricing-table-2 .price-block .price .currency {
	position: relative;
	top: 16px;
	font-size: 24px;
	vertical-align: top;
	margin-right: 5px;
}

.pricing-table-2 .price-block .price .period {
	font-size: 16px;
	text-transform: uppercase;
}

.pricing-table-2 .price-block .features {
	background: #F5F7FA;
	padding: 25px 35px;
	border: 1px solid #E6E9ED;
	border-top: none;
	border-bottom-width: 2px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-top: 0 !important;
}

.pricing-table-2 .price-block .features li {
	padding: 15px 0;
 	border-top: 1px solid #BCC7D1;
	list-style: none;
}

.pricing-table-2 .price-block .features li:first-child {
	border: none;
}

.pricing-table-2 .price-block .features li i {
	margin-right: 10px;
}

.pricing-table-2 .col-4 .price-block header {
	padding: 40px;
}

.pricing-table-2 .col-4 .price-block h2 {
	font-size: 18px;
}

.pricing-table-2 .col-4 .price-block .price .amount {
	font-size: 90px;
}

.pricing-table-2 .col-4 .price-block .features {
	padding: 20px 30px;
}

/* Ribbon & Colors */
.ribbon {
	position: absolute;
	top: -4px;
	right: 11px;
	width: 82px;
	height: 82px;
	overflow: hidden;
	z-index: 10
}

.line-sep{
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
    padding-bottom: 90px;
}

.line-sep2{
    margin-bottom: 10px;
    padding-bottom: 60px;
}

.red-hot { background: url("../images/ribbons/red-hot.png") 0 0 no-repeat; }
.best-value { background: url("../images/ribbons/best-value.png") 0 0 no-repeat; }
.super-cool { background: url("../images/ribbons/super-cool.png") 0 0 no-repeat; }
.new { background: url("../images/ribbons/new.png") 0 0 no-repeat; }
.premium { background: url("../images/ribbons/premium.png") 0 0 no-repeat; }
.exclusive { background: url("../images/ribbons/exclusive.png") 0 0 no-repeat; }
.popular { background: url("../images/ribbons/popular.png") 0 0 no-repeat; }
.five-stars { background: url("../images/ribbons/five-stars.png") 0 0 no-repeat; }


/*-- ------------------------------ feature-head ------------------------------ --*/

div#feature {
	/*padding: 3em 0*/;
	padding: 0.1em 0;
	/*background: #F9F9F9;*/
	/*border-bottom:1px solid #E7E7E8;*/
}

.feature-head {
	text-align: center;
}
.feature-head  h2 {
	color: #404042;
	font-size:3em;
	text-decoration: none;
	font-weight:700;
	 font-family: 'Lato', sans-serif;

}

.feature-head  p{
	color: #7B7A7A;
	font-size: 1.3em;
	line-height: 1.7em;
	margin: 0.5em auto;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.feature-grids {
	/*margin: 4em 0;*/
	margin-top: 4px;
    margin-bottom: 4em;
}

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

i.icon1{
	width: 172px;
	height: 178px;
	background: url(../images/icons-sprt.png)no-repeat 2px 1px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

i.icon1:hover{
	background: url(../images/icons-sprt.png)no-repeat 2px -195px;
}

i.icon2{
	width: 172px;
	height: 178px;
	background: url(../images/icons-sprt.png)no-repeat -197px 1px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

i.icon2:hover{
	background: url(../images/icons-sprt.png)no-repeat -200px -195px;
}

i.icon3{
	width: 172px;
	height: 178px;
	background: url(../images/icons-sprt.png)no-repeat -393px -1px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

i.icon3:hover{
	background: url(../images/icons-sprt.png)no-repeat -392px -195px;
}

i.icon4{
	width: 172px;
	height: 178px;
	background: url(../images/icons-sprt.png)no-repeat -579px -2px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

i.icon4:hover{
	background: url(../images/icons-sprt.png)no-repeat -578px -201px;
}

.feature-grid h3 {
	color: #404042;
	font-size:1.2em;
	text-decoration: none;
	font-weight:600;
	 font-family: 'Lato', sans-serif;
	margin-top:1em;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;

}

.feature-grid.blue h3,.feature-grid h3:hover{
	color:#4BCAFF;
}

.feature-grid p{
	color: #595959;
	font-size:1em;
	line-height: 1.7em;
	margin: 0.5em auto;
	 font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
}

.feature-grid img {
	border:4px solid #449CE3;
	border-radius: 50%;
	padding: 4px 4px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

/*-- ------------------------------ container-boxes ----------------------------- --*/

.container-boxes-grid h3 {
	color: #404042;
	font-size:1.2em;
	text-decoration: none;
	font-weight:600;
	 font-family: 'Lato', sans-serif;
	margin-top:1em;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;

}

.container-boxes-grid h4{
	color: #404042;
	font-size:1.5em;
	text-decoration: none;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	margin-top:0.5em;
	/*padding: 9px;*/
	padding-top: 6px;
    padding-left: 9px;
	text-transform: uppercase;
	text-align: left;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;

}

.container-boxes.blue h3,.container-boxes-grid h3:hover{
	color:#4BCAFF;
}

.container-boxes-grid p{
	padding: 9px;
	color: #595959;
	font-size:1.2em;
	line-height: 1.5em;
	margin: 0.1em auto;
	text-align: left;
}

.container-boxes-grid img {
	border:4px solid #449CE3;
	border-radius: 50%;
	padding: 4px 4px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}


/*-- ------------------------------ Testimonial ------------------------------ --*/

.testimonial-area {
padding: 0 0 0 0;
margin:0;
background: url(../img/low-poly01.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.testimonial-solid p {
color: #333;
font-size: 16px;
line-height: 30px;
font-style: italic;
} 
section.callaction {
	background:#fff;
	padding:50px 0 0 0;
}

.moving-text-area {
padding: 0 0 0 0;
margin:0;
background: url(../img/low-poly01.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.moving-text-solid p {
color: #6475dc;
font-weight: 400;
font-size: 46px;
line-height: 30px;
}

section.callaction {
	background:#fff;
	padding:50px 0 0 0;
}

/*-- ------------------------------ //Testimonial ------------------------------ --*/

/*	CONTACT 1
/*----------------------------------------------------*/

.contact-1 .form-container {
	margin-top: 60px;
}

.contact-1 .contact-info {
	margin-top: 40px;
	padding: 0;
	list-style: none;
}

.contact-1 .contact-info span {
	margin-right: 7px;
	color: #1abc9c;
	padding-right: 5px;
}

.contact-1 .contact-info li {
	display: inline-block;
	margin: 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #2e2e2e
}

.contact-1 .contact-info li a {
	color: #2e2e2e
}

.contact-1 .contact-info li a:hover {
	color: #1abc9c
}

#map {
    width:100%;
    height:350px;
}

#contact span.required {
	font-size: 13px;
	color: #ff0000;
}

#message {
	margin-bottom: 20px;
	/*padding: 0;*/
}

.error_message {
	display: block;
	background: #FBE3E4;
	padding: 10px 0;
	color: #8a1f11;
	border: 2px solid #FBC2C4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}

/*	CONTACT 3
/*----------------------------------------------------*/

.contact-3 h2 {
	margin-top: 0;
	}

.contact-3 .map-img {
	margin-top: 40px;
	}

#contact span.required {
	font-size: 13px;
	color: #ff0000;
	}

#message {
	margin-bottom: 20px;
	}

.error_message {
	display: block;
	background: #FBE3E4;
	padding: 10px 0 10px 15px;
	color: #8a1f11;
	border: 2px solid #FBC2C4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}

/* ----------------------------------------- Footer ------------------------------------------ */

.container-area:after {
    clear: both;
	}

.container-area {
    margin: 0 auto;
    width: 70%;
    padding-right: 10px;
    padding-left: 10px;
	}

@media (max-width: 1024px){
	.container-area {
		width: 100%;
		}
}

@media (max-width: 640px){
	.container-area {
		width: 100%;
		}
}

#area4 {
    color: #515157;
    padding-bottom: 40px;
	}

#area4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1.618;
    background: #1a2127;
	border-top: 1px solid #c8c8c8;
	}

@media (max-width: 768px){
	#area4 {
		padding: 0 0px;
		}
}

/* ---------------------------------------- Footer ------------------------------------------- */

.container-area:before, .container-area:after {
    display: table;
    line-height: 0;
    content: "";
	}

#box-icon-footer {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 2px;
	}

.footer {
  padding: 20px;
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
  background: #f5f5f5 url(../img/bg-f.gif) repeat;
  }

.footer p {
  margin-bottom: 0;
  color: #777;
  }

.footer-links {
  margin: 10px 0;
  }

.footer-links li {
  display: inline;
  padding: 0 2px;
  }

.footer-links li:first-child {
  padding-left: 0;
  }

.footer a { 
  color: #AA71B0;
  }

.footer-septop{
	padding:1.8% 2%;
	}

.footer-box {
  float: left;
  width: 260px;
  margin-top: 30px;
 /* margin-left:20px;*/
  margin-left:50px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12.5px;
  color:#999;
  line-height: 1.16;
  padding-left:10px;
  padding-right:10px;
  }

@media (max-width: 1440px){
	.footer-box {
		width: 170px;	
		}
}

@media (max-width: 1280px){
	.footer-box {
		width: 160px;	
		}
}

@media (max-width: 768px){
	.footer-box {
		margin-left:40px;		
		}
}

.column {
  float: left;
  padding: 5px 0px 5px 0px;
  margin-top: 2px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#e7451e;
  margin-bottom: 6px;
  padding-left:0px;
  min-width:180px;
}

.column a{
  color:#d6d9de;
  text-decoration:none;
}

.column a:hover{
  color:#0087f7;
  text-decoration:none;
}

.title {
    text-align: center;
    color: #5a5a5a;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px #FFF;
    line-height: 40px;
    margin-bottom: 20px;
    margin: 20px 0 10px;
    font-size: 54px;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}

.title-footer {
  text-align:left;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color:#fcfefd;
  font-weight: 600;
  line-height: 1.16;
  margin-bottom: 10px;
  text-rendering: optimizelegibility;
}

/*-- ------------------ Copy-Right ------------------- --*/

.copy-right{
	background:#27313b;
	padding:1em;
}
.copy-right p{
	text-align:center;
	color:#a8aba4;
	font-size:0.875em;
	margin:0;
	padding:0;
}
.copy-right p a{
	color:#CCCCCC;
	text-decoration:none;
}
.copy-right p a:hover{
	color:#CF0;
}



/*	FOOTER Copyright Bar
/*----------------------------------------------------*/

.copyright-bar {
	height: 70px;
	padding-top: 20px;
	background-color: #233447;
	position: relative;
	bottom: 0;
}

.copyright-bar p {
	color: #ffffff;
	font-weight: 700;
	margin: 0;
}




/*	FOOTER Copyright Bar 2
/*----------------------------------------------------*/

.copyright-bar-2 {
	height: 80px;
	padding-top: 28px;
	background-color: #233447;
	position: relative;
	bottom: 0;
}

.copyright-bar-2 p {
	color: #ffffff;
	font-weight: 700;
	margin: 0;
}
/* ----------------------------------------------------- */

.underlined-title {
    text-align: center;
    padding-bottom: 30px;
}
.underlined-title h1 {
    color: #2c3e50;
    margin: 0;
	font-size:52px;
	font-weight:600;
	text-transform: uppercase;
}
.underlined-title hr {
    width: 80%;
    border-width: 2px;
}

.underlined-title h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3498DB;
	text-shadow: 1px 1px #ffffff;
}

@media screen and (max-width: 480px){
.underlined-title h1 {
    font-size: 3em;
}
.underlined-title h2 {
    font-size: 23px;
}

}

/* ----------------------------------------------------- */

.container-text {
    text-align: center;
    padding-bottom: 2px;
}
.container-text h1 {
    color: #2c3e50;
    margin: 0;
	font-size:52px;
	font-weight:600;
	text-transform: uppercase;
}
.container-text hr {
    width: 80%;
    border-width: 2px;
}

.container-text h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3498DB;
	text-shadow: 1px 1px #ffffff;
}

@media screen and (max-width: 480px){
.container-text h1 {
    font-size: 3em;
}
.container-text h2 {
    font-size: 23px;
}

}
/*-- -------------------------------------- To Top ------------------------------------ --*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/scroll-top.png) no-repeat 0px 0px;
	
}

/*-- -------------------------------------- m-design-starts-Here ------------------------------------ --*/
.m-design {
	background:url(../images/bg-ewon-01.jpg)no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 567px;
}
.m-design-mask{
	background: rgba(0, 0, 0, 0.24);
	height: 567px;
}
.m-design-right h3 {
	color: #fff;
	margin: 0px;
	font-size:36px;
}
.m-design-right img{
	margin:1em 0px;
}
.m-design-right p{
	color:#fff;
	font-size:15px;
}
.m-design-main {
	margin-top: 11em;
}
.m-design-right {
	margin-top: 2.6em;
	text-align: left;
}

@media (max-width:1280px){
	.m-design-main {
		margin-top: 9.8em;
}
}

@media (max-width:1024px){
/*	.m-design-left img {
		width: 180%;
}*/
.m-design-right h3 {
    font-size: 22px;
}
.m-design {
    min-height: 499px;
}
.m-design-right p {
    font-size: 14px;
}
}

@media (max-width: 768px){
	.m-design-mask {
		height: 535px;
}   
    .m-design-right {
		margin-top: 12px;
		text-align: center;
}   .m-design {
        min-height: 910px;
}
.m-design-right p {
    width: 93%;
    margin: 0 auto;
}
.m-design-right img {
    margin: 11px 0px;
}
}

@media (max-width:640px){
	.m-design-mask {
		height: 540px;
	}
	.m-design {
		min-height: 460px;
	}
	.m-design-left img {
		width: 73%;
		/*margin-left: 10em;*/
	}
	.m-design-right h3 {
		font-size: 20px;
	}
	.m-design-main {
		margin-top: 2.7em;
	}
	.m-design-right h3 {
    font-size: 20px;
}
}

@media (max-width: 480px){
	.m-design-left img {
		width: 80%;
		margin-left: 4em;
		}
	.m-design-mask {
	/*	height: 410px;*/
		height: 470px;
}
    .m-design {
		 min-height: 560px;
}
}


@media (max-width:320px){
	.m-design-left img {
		width: 90%;
		margin-left: 1.4em;
	}
	.m-design-right h3 {
		font-size: 17px;
	}
	.m-design-right h3 {
    font-size: 17px;
}

}

/*-- ------------------------------------ //m-design-starts-Here ---------------------------------- --*/
/*color1*/
.color1, .slice.color1, .bulle.color1, .ctaBox.color1{
	background-color:#ef3b21;
	color:#FFF;
}

.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 blockquote, .color1 a{
	color:#444;
}
.color1 a.btn{color:#fff;}
.color1 a.btn:hover{color:#3E6D92;}

/*color4*/
.color4, .slice.color4, .bulle.color4, .ctaBox.color4{
    /*background-color: rgba(255, 255, 255, 0.07);
	background-color: rgba(0, 04, 29, 0.7);*/
	background-color: rgba(28, 32, 59, 0.6);
	color:#fff;
}

.color4 h1, .color4 h2, .color4 h3, .color4 h4, .color4 blockquote, .color4 a {
	color:#fff;
}
.color4 h2.subTitle:after, .color4 h1.noSubtitle:after {
	background:#fff;
}

.mediaHover {
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 1px;
	left: 2px;
	width: 100%;
}

/* NEWS
---------------------------------------------------- */
.newsText{
	padding:4px 20px 28px 20px;
	margin-bottom: 6px;
}
.newsText h3{
	margin-bottom: 8px;
	text-align:center;
}
.date{font-size:12px; line-height:12px;font-style: italic;}

.newsText p{
	font-size:14px;
	color:#a1b2c5;
	letter-spacing: 0.01em;
	text-align:center;
}

/* BUTTONS 
----------------------------------------------------- */

.btn-home {
	color: #413b44;
    background: none;
    /*border: 2px solid #413b44;*/
}
.btn-home:hover {
	color:#fff;
	border-color:#6475dc;
	text-shadow:none;
	background:#6475dc
}

.btn-sm {
	padding: 10px 16px;
    font-size: 12px;
    border-radius:6px;
    line-height: 20px;
	background:#0360d9;
   /* border: 1px solid rgba(255,255,255,0.4)!important;*/
}

/* BUTTON WHATSAPP 
----------------------------------------------------- */
/*.btn-float-whs{
	width: 45px;
    height: 45px;
	display:inline-block;
	padding:20px;
	background:#4fce5d;
	font-size:20px;
	color:#FFF;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;
	    border-radius: 24px;
		text-align: center;
    font-size: 20px;
    line-height: 45px;

}*/

.btn-float-whs {
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 6px;
    /*background: #4fce5d;*/
    background: #435a64; 
    color: #FFF;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    left: 28px;
    border-radius: 24px;
    text-align: center;
    font-size: 34px;
    line-height: 45px;
	z-index: 9999;
}



/* Titles
----------------------------------------------------- */
#party-images{
	background:#151614;
	padding:80px 0px;
}

#party-images .container div[class^="col"]{
	padding-left:0px;
}

#images-text{
	border-left:10px solid #FF5722;
	height:55px;
	margin-bottom: 20px;
	margin-left: 14px;
}
		
#images-text h1{
	color:#a1b2c5;
	font-weight:lighter;
	font-size:18px;
	margin:0px 15px 0px;
	text-transform:uppercase;
}
	
#images-text p{
	font-size:30px;
	font-family: "Proxima Nova", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:700;
	margin:0px 15px 0px;
	text-transform:uppercase;
	color:#ffffff;
}

#images-text-home{
	border-left:10px solid #FF5722;
	height:35px;
	margin-bottom: 5px;
	margin-left: 14px;
	margin-top: 8px;
}

#images-text-home h1{
	color:#ffffff;
	font-family: "Proxima Nova", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:18px;
	margin:0px 15px 0px;
	text-transform:uppercase;
}

#images-text-home p{
	font-size:30px;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: "Proxima Nova", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:700;
	margin:0px 15px 0px;
	text-transform:uppercase;
	color:#ffffff;
}
		
.h4-style{
	color:#FF5722;
}

.h4-style-home{
	color:#00CCFF;
}

.h5-style{
	color:#FF5722;
}

.h3-style-animal{
	color:#28b242;
}

.h3-style-osw{
	color:#00CCFF;
}

.h3-style-digital{
	color:#fb7c15;
}

.h3-style-ilustraciones{
	color:#cf9448;
}


.h3-style-photography{
	color:#a9bed2;
}

@media only screen and (max-width : 360px){
	#images-text-home p{
	font-size:16px;
}

	#images-text p{
	font-size:20px;
}
#images-text-home{
	height:28px;
	margin-top: 10px;
}
		
}
@media only screen and (max-width : 480px){

.newsText p{
	font-size:10px;
}

.newsText h3 {
		font-size:19px;
}
}

/* ----------------- BTN Video Semitransp ----------------- */

.semi-transparent-button {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px;
  width: 80%;
  max-width: 200px;
  background: #fff; /* fallback color for old browsers */
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease-out;
}
.semi-transparent-button:hover,
.semi-transparent-button:focus,
.semi-transparent-button:active {
  background: #fff; /* fallback color for old browsers */
  background: rgb(255, 255, 255);
  color: #000;
  transition: all 0.5s ease-in;
}
.semi-transparent:focus {
  outline: none;
}

.is-blue {
  background: #1e348e; /* fallback color for old browsers */
  background: rgba(30, 52, 142, 0.5);
}
.is-blue:hover,
.is-blue:focus,
.is-blue:active {
  background: #1e348e; /* fallback color for old browsers */
  background: rgb(30, 52, 142);
  color: #fff;
}

.with-border {
  border: 1px solid #fff;
}
/* --------------- //BTN Video Semitransp --------------- */

/*.scrolltop {
	    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .5);
    background-image: url(../images/to_top.png);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.scrolltop:hover {
   background-color: #dd3f19;
   }

.scrolltop i {
      color: #fff;
  }*/