Team:Georgia State/CSS

<style>

/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/

/* Clear the default wiki settings */

#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} body {background-color:black; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }

/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ .igem_2017_menu_wrapper { width: 15%; height:100vh; position:fixed; right:0%; padding:0px; float:right; border-left: 1px solid #d3d3d3; background-color:#dddddd; text-align:left; font-family:Tahoma, Geneva, sans-serif; overflow-y: auto; overflow-x: hidden; }

/* this hides the scrollbar to keep view consistency */ .igem_2017_menu_wrappe::-webkit-scrollbar { display: none; }

/* styling for links in the menu, removes the line under text */ .igem_2017_menu_wrapper a { text-decoration: none; }

/* styling for the images in the menu */ .igem_2017_menu_wrapper img { width: 100%; }

/* styling for the menu buttons */ .igem_2017_menu_wrapper .menu_button { width: 100%; padding: 10px 0px 10px 15px; float:left; border-bottom: 1px solid #d3d3d3; font-size: 12px; font-weight: bold; color: #5e5f5f; cursor: pointer; }

.igem_2017_menu_wrapper .menu_bottom_padding { width: 100%; height: 30px; float:left; }

.menu_button.direct_to_page { padding-left: 36px; }

.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width:10%; float:left; }

.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { content: "+"; }

.open::before { content: "-" !important; }

/* styling for the menu buttons on hover */ .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { background-color: #3399ff; text-decoration: none; color:#ffffff; }

/* styling for the menu button when it is the current page */ .current_page { background-color:#7fc1f7 !important; color:#5e5f5f !important; }

/* styling for the submenu buttons */ .igem_2017_menu_wrapper .submenu_button { width: 100%; padding: 10px 0px 10px 34px; float:left; background-color:#f2f2f2; border-bottom: 1px solid #d3d3d3; font-size: 12px; color: #5e5f5f; cursor: pointer; }

/* wrapper for the submenu items, they are hidden by default*/ .igem_2017_menu_wrapper .submenu_wrapper { display:none; }

/* when the page size is bigger than 800px, this show/hide control is hidden by default */ .igem_2017_menu_wrapper #display_menu_control { display:none; text-align:center; }

/***************************************************** CONTENT OF THE PAGE ****************************************************/

/* Wrapper for the content */ .igem_2017_content_wrapper { width: 90%; margin: auto; display:block; background-color:white; font-family:Tahoma, Geneva, sans-serif; }

/********************************* HTML STYLING *********************************/

/* styling for the titles h1 h2 */ .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { padding:5px 15px; border-bottom: 0px; color: #3399ff; }

/* styling for the titles h3 h4 h5 h6*/ .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { padding:5px 15px; border-bottom:0px; color: #000000; }

/* font and text */ .igem_2017_content_wrapper p { padding: 0px 15px; font-size: 13px; }

/* Links */ .igem_2017_content_wrapper a { font-weight: bold; text-decoration: underline; text-decoration-color: #3399ff; color: #3399ff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

/* hover for the links */ .igem_2017_content_wrapper a:hover { text-decoration:none; color:#000000; }

/* non numbered lists */ .igem_2017_content_wrapper ul { padding:0px 20px; font-size: 13px; font-family:Tahoma, Geneva, sans-serif; }

/* numbered lists */ .igem_2017_content_wrapper ol { padding:0px; font-size: 13px; font-family:Tahoma, Geneva, sans-serif; }

/* Table */ .igem_2017_content_wrapper table { width: 97%; margin:15px 10px; border: 1px solid #d3d3d3; border-collapse: collapse; }

/* table cells */ .igem_2017_content_wrapper td { padding: 10px; vertical-align: text-top; border: 1px solid #d3d3d3; border-collapse: collapse; }

/* table headers */ .igem_2017_content_wrapper th { padding: 10px; vertical-align: text-top; border: 1px solid #d3d3d3; border-collapse: collapse; background-color:#f2f2f2; }

/**********************************LAYOUT CLASSES **********************************/

/* general class for column divs */ .igem_2017_content_wrapper .column { padding: 10px 0px; float:left; }

/* class for a full width column */ .column .full_size { width:100%; }

/* styling for images in a full width column*/ .column.full_size img { width:97%; padding: 10px 15px; }

/* class for a half width column */ .column.half_size { width: 50%; } /* styling for images in a half width column*/ .column.half_size img { width: 94.5%; padding: 10px 15px; }

/********************************* SUPPORT CLASSES ********************************/

/* class that clears content below*/ .igem_2017_content_wrapper .clear { clear:both; }

/* adds extra spacing when clearing content */ .igem_2017_content_wrapper .clear.extra_space { height: 30px; }

/* highlight class, makes content slightly smaller */ .igem_2017_content_wrapper .highlight { margin: 0px 15px; padding: 15px 0px; }

/* highlight class, adds a gray background */ .igem_2017_content_wrapper .highlight.gray { background-color: #f2f2f2; }

/* highlight with decoration blue line on top */ .igem_2017_content_wrapper .highlight.blue_top {

   	border-top: 4px solid #3399ff;

}

/* highlight with a full blue border decoration */ .igem_2017_content_wrapper .highlight.blue_border {

   	border: 4px solid  #3399ff;

}

/* button class */ .igem_2017_content_wrapper .button{ max-width: 35%;

		margin: 30px auto;

padding: 12px 10px;

    	background-color: #3399ff;	
   	text-align: center;
  		color: #ffffff;

-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

/* styling for button on hover */ .igem_2017_content_wrapper .button:hover{ background-color: #3399ff;

   	color: #000000;

}

/***************************************************** RESPONSIVE STYLING ****************************************************/

/* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) {

#content {width:100%; } .igem_2017_menu_wrapper {width:15%; right:0;} .highlight {padding:10px 0px;} .igem_2017_menu_wrapper #display_menu_control { display:none; } #menu_content { display:block;} .menu_button.direct_to_page {padding-left: 17px;}

}

/* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) {

		.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}

.igem_2017_content_wrapper {width:100%; margin-left:0px;} .column.half_size {width:100%; } .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} .highlight {padding:15px 5px;} .igem_2017_menu_wrapper #display_menu_control { display:block; } #menu_content { display:none;} .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } .menu_bottom_padding {display:none;} .menu_button.direct_to_page { padding-left: 36px; } }

/* special class that the system uses to make sure the team wants a page to be evaluated */ .judges-will-not-evaluate {

   	width: 96.6%;
 		margin: 5px 15px;
 		display: block;

border: 4px solid #3399ff;

   	font-weight: bold;

} /*<---Cube Style Start --->*/ @font-face {

 font-family: 'icomoon';
 src: url("../fonts/icomoon/icomoon.eot?srf3rx");
 src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
 font-weight: normal;
 font-style: normal;

} /* =======================================================

• Template Style
• ======================================================= */

body {

 font-family: "Raleway", Arial, sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 1.7;
 color: #777;
 background: #fff;

}

1. page {

 position: relative;
 overflow-x: hidden;
 width: 100%;
 height: 100%;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} .offcanvas #page {

 overflow: hidden;
 position: absolute;

} .offcanvas #page:after {

 -webkit-transition: 2s;
 -o-transition: 2s;
 transition: 2s;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 101;
 background: rgba(0, 0, 0, 0.7);
 content: "";

}

a {

 color: #17B794;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} a:hover, a:active, a:focus {

 color: #17B794;
 outline: none;
 text-decoration: none;

}

p {

 margin-bottom: 20px;

}

h1, h2, h3, h4, h5, h6, figure {

 color: #000;
 font-family: "Raleway", Arial, sans-serif;
 font-weight: 400;
 margin: 0 0 20px 0;

}

-webkit-selection {

 color: #fff;
 background: #17B794;

}

-moz-selection {

 color: #fff;
 background: #17B794;

}

selection {

 color: #fff;
 background: #17B794;

}

.gtco-container {

 max-width: 1140px;
 position: relative;
 margin: 0 auto;
 padding-left: 15px;
 padding-right: 15px;

}

.gtco-nav {

 position: relative;
 top: 0;
 margin: 0;
 padding: 0;
 width: 100%;
 padding: 10px 0;
 z-index: 1001;
 background: #fff;

} @media screen and (max-width: 768px) {

 .gtco-nav {
   padding: 10px 0;
 }

} .gtco-nav #gtco-logo {

 font-size: 20px;
 margin: 0;
 padding: 0;
 text-transform: uppercase;
 font-weight: bold;

} .gtco-nav #gtco-logo em {

 color: #17B794;

} @media screen and (max-width: 768px) {

 .gtco-nav .menu-1, .gtco-nav .menu-2 {
   display: none;
 }

} .gtco-nav ul {

 padding: 0;
 margin: .4em 0 0 0;

} .gtco-nav ul li {

 padding: 0;
 margin: 0;
 list-style: none;
 display: inline;
 line-height: 1.5;

} .gtco-nav ul li > a {

 text-transform: uppercase;
 font-size: 13px !important;
 letter-spacing: .05em;

} .gtco-nav ul li a {

 font-size: 16px;
 padding: 30px 10px;
 color: #3ac1bc;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} .gtco-nav ul li a:hover, .gtco-nav ul li a:focus, .gtco-nav ul li a:active {

 color: #33a3bd;

} .gtco-nav ul li.has-dropdown {

 position: relative;

} .gtco-nav ul li.has-dropdown > a {

 position: relative;
 padding-right: 20px !important;

} .gtco-nav ul li.has-dropdown > a:after {

 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: "\e921";
 font-style: 10px;
 position: absolute;
 top: 50%;
 margin-top: -7px;
 right: 0;
 color: #ccc;

} .gtco-nav ul li.has-dropdown .dropdown {

 width: 130px;
 -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
 z-index: 1002;
 visibility: hidden;
 opacity: 0;
 position: absolute;
 top: 40px;
 left: 0;
 text-align: left;
 background: #fff;
 padding: 20px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: 0s;
 -o-transition: 0s;
 transition: 0s;

} .gtco-nav ul li.has-dropdown .dropdown:before {

 bottom: 100%;
 left: 40px;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-bottom-color: #fff;
 border-width: 8px;
 margin-left: -8px;

} .gtco-nav ul li.has-dropdown .dropdown li {

 display: block;
 margin-bottom: 7px;

} .gtco-nav ul li.has-dropdown .dropdown li:last-child {

 margin-bottom: 0;

} .gtco-nav ul li.has-dropdown .dropdown li a {

 padding: 2px 0;
 display: block;
 color: #999999;
 line-height: 1.2;
 text-transform: none;
 font-size: 15px;

} .gtco-nav ul li.has-dropdown .dropdown li a:hover {

 color: #000;

} .gtco-nav ul li.has-dropdown .dropdown li.active > a {

 color: #000 !important;

} .gtco-nav ul li.has-dropdown:hover a, .gtco-nav ul li.has-dropdown:focus a {

 color: #33a3bd;

} .gtco-nav ul li.btn-cta a {

 color: #17B794;

} .gtco-nav ul li.btn-cta a span {

 background: #fff;
 padding: 4px 20px;
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 -ms-border-radius: 100px;
 border-radius: 100px;

} .gtco-nav ul li.btn-cta a:hover span {

 -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);

} .gtco-nav ul li.active > a {

 color: #000 !important;

}

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

 #gtco-header .text-left {
   text-align: center !important;
 }

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

 #gtco-header .btn {
   display: block;
   width: 100%;
 }

}

1. gtco-header,
2. gtco-counter,

.gtco-bg {

 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 position: relative;

}

.gtco-bg {

 background-position: center center;
 width: 100%;
 float: left;
 position: relative;

}

.gtco-cover {

 height: 900px;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 position: relative;
 float: left;
 width: 100%;

} .gtco-cover.gtco-inner h1 {

 margin-bottom: 0 !important;

} .gtco-cover a {

 color: #17B794;

} .gtco-cover a:hover {

 color: white;

} .gtco-cover .overlay {

 z-index: 1;
 position: absolute;
 bottom: 0;
 top: 0;
 left: 0;
 right: 0;
 background: rgba(29, 43, 83, 0.89);

} .gtco-cover > .gtco-container {

 position: relative;
 z-index: 10;

} @media screen and (max-width: 768px) {

 .gtco-cover {
   height: 600px;
   height: inherit !important;
   padding: 3em 0;
 }

} .gtco-cover .display-t, .gtco-cover .display-tc {

 height: 900px;
 display: table;
 width: 100%;

} @media screen and (max-width: 768px) {

 .gtco-cover .display-t,
 .gtco-cover .display-tc {
   height: 600px;
   height: inherit !important;
   padding: 3em 0;
 }

} .gtco-cover.gtco-cover-sm {

 height: 600px;

} @media screen and (max-width: 768px) {

 .gtco-cover.gtco-cover-sm {
   height: 400px;
   height: inherit !important;
 }

} .gtco-cover.gtco-cover-sm .display-t, .gtco-cover.gtco-cover-sm .display-tc {

 height: 600px;
 display: table;
 width: 100%;

} @media screen and (max-width: 768px) {

 .gtco-cover.gtco-cover-sm .display-t,
 .gtco-cover.gtco-cover-sm .display-tc {
   height: 400px;
   height: inherit !important;
   padding: 3em 0;
 }

} .gtco-cover.gtco-cover-xs {

 height: 500px;

} @media screen and (max-width: 768px) {

 .gtco-cover.gtco-cover-xs {
   height: inherit !important;
   padding: 3em 0;
 }

} .gtco-cover.gtco-cover-xs .display-t, .gtco-cover.gtco-cover-xs .display-tc {

 height: 500px;
 display: table;
 width: 100%;

} @media screen and (max-width: 768px) {

 .gtco-cover.gtco-cover-xs .display-t,
 .gtco-cover.gtco-cover-xs .display-tc {
   padding: 3em 0;
   height: inherit !important;
 }

}

.gtco-client {

 float: left;
 width: 100%;
 padding: 3em 0;
 background: #f6f6f6;

} .gtco-client .client img {

 margin-top: 10px;
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;

}

.gtco-services {

 padding: 7em 0;

} .gtco-services .service {

 margin-left: 10px;
 margin-right: 10px;
 text-align: center;
 padding: 2em;
 margin-bottom: 30px;
 position: relative;
 background: #fff;
 -webkit-box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
 bottom: 0;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} @media screen and (max-width: 992px) {

 .gtco-services .service {
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 20px;
 }

} .gtco-services .service h3 {

 font-size: 18px;
 color: #000;
 text-align: left;
 position: relative;
 padding-left: 30px;

} .gtco-services .service h3 i {

 position: absolute;
 left: 0;
 top: -0.1em;
 color: #17B794;
 font-size: 22px !important;

} .gtco-services .service p {

 text-align: left;
 color: #898989;
 font-size: 15px;

} .gtco-services .service p:last-child {

 margin-bottom: 0;

} .gtco-services .service.changed {

 bottom: -7em;

} @media screen and (max-width: 768px) {

 .gtco-services .service.changed {
   bottom: 0;
 }

}

.gtco-products .one-row, .gtco-products .two-row {

 width: 100%;
 display: block;
 margin-bottom: 30px;

} .gtco-products .two-row {

 height: 239px;

} .gtco-products .one-row {

 height: 508px;

} .gtco-products .gtco-item {

 position: relative;

} .gtco-products .gtco-item .overlay {

 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 10;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} .gtco-products .gtco-item .overlay i {

 position: absolute;
 top: 10px;
 right: 10px;
 font-size: 16px;
 z-index: 14;
 color: #fff;

} .gtco-products .gtco-item .overlay .copy {

 bottom: -20px;
 position: absolute;
 left: 0;
 padding: 20px;
 z-index: 12;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;

} .gtco-products .gtco-item .overlay .copy h3 {

 color: #fff;
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 18px;
 font-weight: 400;

} .gtco-products .gtco-item .overlay .copy p {

 color: rgba(255, 255, 255, 0.8);
 font-size: 14px;

} .gtco-products .gtco-item .overlay .copy p:last-child {

 margin-bottom: 0;

} .gtco-products .gtco-item .overlay:before {

 z-index: 7;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 opacity: .8;
 background: #3dcdbc;
 background: -moz-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, #3dcdbc), color-stop(100%, #33a1bd));
 background: -webkit-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -o-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -ms-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: linear-gradient(to right, #3dcdbc 0%, #33a1bd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dcdbc', endColorstr='#33a1bd', GradientType=1 );

} .gtco-products .gtco-item:hover .overlay {

 opacity: 1;
 visibility: visible;

} .gtco-products .gtco-item:hover .overlay .copy {

 bottom: 0;
 opacity: 1;
 visibility: visible;

}

.gtco-testimonial .gtco-testimony {

 float: left;
 width: 100%;
 margin-bottom: 30px;

} .gtco-testimonial .gtco-left > div {

 display: table-cell;
 float: left;
 width: 80px;

} .gtco-testimonial .gtco-left > div img {

 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;
 max-width: 100% !important;

} .gtco-testimonial .gtco-left > blockquote {

 padding-left: 20px;
 display: table-cell;
 border-left: none;
 margin: 0;
 padding: 0 0 0 30px;

} .gtco-testimonial .gtco-left > blockquote p {

 font-style: 16px;
 font-style: italic;

} .gtco-testimonial .gtco-left > blockquote .author {

 color: #666666;
 display: block;
 margin-top: 20px;
 font-size: 12px;
 font-weight: 700;

}

1. gtco-footer {

 background: #262626;
 padding: 7em 0 0 0 !important;
 margin-bottom: 0 !important;
 width: 100%;
 float: left;

}

1. gtco-footer a:hover {

 color: #fff !important;

}

1. gtco-footer .gtco-cta {

 margin-bottom: 30px;

}

1. gtco-footer .gtco-cta h3 {

 color: #fff;
 font-size: 30px;
 font-weight: 300;

}

1. gtco-footer .gtco-cta .btn-white {

 padding: 15px 20px !important;

}

1. gtco-footer .gtco-cta .btn-white.btn-outline:hover {

 color: #000 !important;

}

1. gtco-footer .gtco-footer-paragraph h3 {

 color: #fff;
 margin-bottom: 10px;

}

1. gtco-footer .gtco-footer-link {

 padding-left: 30px;

} @media screen and (max-width: 768px) {

 #gtco-footer .gtco-footer-link {
   padding-left: 15px;
 }

}

1. gtco-footer .gtco-footer-link .gtco-list-link {

 padding: 0;
 margin: 0;

}

1. gtco-footer .gtco-footer-link .gtco-list-link li {

 padding: 0;
 margin: 0;
 list-style: none;

}

1. gtco-footer .gtco-footer-link .gtco-list-link li a {

 text-transform: uppercase;
 font-size: 13px !important;

}

1. gtco-footer .gtco-footer-subscribe {

 padding-left: 30px;

} @media screen and (max-width: 768px) {

 #gtco-footer .gtco-footer-subscribe {
   padding-left: 15px;
 }

}

1. gtco-footer .gtco-footer-subscribe .form-control {

 background: #fff !important;
 border: none !important;

}

1. gtco-footer .gtco-footer-subscribe .btn {

 margin-top: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 height: 54px !important;
 line-height: 1.5;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px !important;
 padding-right: 10px !important;

}

1. gtco-footer .gtco-copyright {

 background: #1a1a1a;
 padding: 30px 0;
 float: left;
 width: 100%;

}

1. gtco-footer .gtco-copyright p:last-child {

 margin-bottom: 0;

}

.bg-img {

 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;

}

.gtco-staff, .gtco-item {

 margin-bottom: 4em;
 float: left;
 width: 100%;
 display: block;

} @media screen and (max-width: 768px) {

 .gtco-staff, .gtco-item {
   margin-bottom: 3em;
 }

} .gtco-staff img, .gtco-item img {

 margin-bottom: 40px !important;

} .gtco-staff h2, .gtco-item h2 {

 font-size: 24px;
 margin-bottom: 5px;

} .gtco-staff p, .gtco-item p {

 margin-bottom: 30px;
 color: #777;

} .gtco-staff .role, .gtco-item .role {

 color: #bfbfbf;
 margin-bottom: 20px;
 font-weight: normal;
 display: block;

} .gtco-staff .fh5co-social, .gtco-item .fh5co-social {

 padding: 0;
 margin: 0;

} .gtco-staff .fh5co-social li, .gtco-item .fh5co-social li {

 padding: 0;
 margin: 0 10px 0 0;
 list-style: none;
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;

} .gtco-staff .fh5co-social li a, .gtco-item .fh5co-social li a {

 font-size: 20px;
 color: #17b794;

} .gtco-staff .fh5co-social li a:hover, .gtco-item .fh5co-social li a:hover {

 color: #000;

}

.gtco-social-icons {

 margin: 0;
 padding: 0;

} .gtco-social-icons li {

 margin: 0;
 padding: 0;
 list-style: none;
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;

} .gtco-social-icons li a {

 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;
 color: #17B794;
 padding-left: 10px;
 padding-right: 10px;

} .gtco-social-icons li a i {

 font-size: 20px;

}

.gtco-contact-info {

 margin-bottom: 30px;
 float: left;
 width: 100%;
 position: relative;

} .gtco-contact-info ul {

 padding: 0;
 margin: 0;

} .gtco-contact-info ul li {

 padding: 0 0 0 50px;
 margin: 0 0 30px 0;
 list-style: none;
 position: relative;

} .gtco-contact-info ul li:before {

 color: #cccccc;
 position: absolute;
 left: 0;
 top: .05em;
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} .gtco-contact-info ul li.address:before {

 font-size: 30px;
 content: "\e9d1";

} .gtco-contact-info ul li.phone:before {

 font-size: 23px;
 content: "\e9f4";

} .gtco-contact-info ul li.email:before {

 font-size: 23px;
 content: "\e9da";

} .gtco-contact-info ul li.url:before {

 font-size: 23px;
 content: "\e9af";

}

1. map {

 width: 100%;
 height: 500px;
 position: relative;

} @media screen and (max-width: 768px) {

 #map {
   height: 200px;
 }

}

form label {

 font-weight: normal !important;

}

1. gtco-header {

 background: #3dcdbc;
 background: -moz-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, #3dcdbc), color-stop(100%, #33a1bd));
 background: -webkit-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -o-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: -ms-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
 background: linear-gradient(to right, #3dcdbc 0%, #33a1bd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dcdbc', endColorstr='#33a1bd', GradientType=1 );

}

1. gtco-header p {

 color: #d3f1ed;
 font-size: 20px;
 margin-bottom: 40px !important;

}

1. gtco-header h1 {

 font-size: 50px;
 line-height: 1.2 !important;
 margin-bottom: 30px !important;
 color: #d3f1ed;
 font-weight: 100;

} @media screen and (max-width: 768px) {

 #gtco-header h1 {
   line-height: 1.2 !important;
 }

}

1. gtco-header h1.no-margin {

 margin-bottom: 0 !important;

}

1. gtco-header .copy {

 margin-top: 0em;

}

1. gtco-header .btn {

 color: #34a7bd !important;
 text-shadow: none !important;

}

1. gtco-header .header-img {

 margin-bottom: 30px;

}

1. gtco-header .display-tc,
2. gtco-counter .display-tc,

.gtco-cover .display-tc {

 display: table-cell !important;
 vertical-align: middle;

}

1. gtco-header .display-tc h1, #gtco-header .display-tc h2,
2. gtco-counter .display-tc h1,
3. gtco-counter .display-tc h2,

.gtco-cover .display-tc h1, .gtco-cover .display-tc h2 {

 margin: 0;
 padding: 0;
 color: white;

}

1. gtco-header .display-tc h1,
2. gtco-counter .display-tc h1,

.gtco-cover .display-tc h1 {

 margin-bottom: 0px;
 font-size: 59px;
 line-height: 1.5;

} @media screen and (max-width: 768px) {

 #gtco-header .display-tc h1,
 #gtco-counter .display-tc h1,
 .gtco-cover .display-tc h1 {
   font-size: 34px;
   line-height: 1.2;
   margin-bottom: 10px;
 }

}

1. gtco-header .display-tc h2,
2. gtco-counter .display-tc h2,

.gtco-cover .display-tc h2 {

 font-size: 22px;
 line-height: 1.5;
 margin-bottom: 30px;

}

1. gtco-counter {

 text-align: center;

}

1. gtco-counter .counter {

 font-size: 50px;
 margin-bottom: 10px;
 color: #17B794;
 font-weight: 100;
 display: block;

}

1. gtco-counter .counter-label {

 margin-bottom: 0;
 text-transform: uppercase;
 color: rgba(0, 0, 0, 0.5);
 letter-spacing: .1em;

} @media screen and (max-width: 768px) {

 #gtco-counter .feature-center {
   margin-bottom: 50px;
 }

}

1. gtco-counter .icon {

 width: 70px;
 height: 70px;
 text-align: center;
 margin-bottom: 20px;
 background: none !important;
 border: none !important;

}

1. gtco-counter .icon i {

 height: 70px;

}

1. gtco-counter .icon i:before {

 color: #cccccc;
 display: block;
 text-align: center;
 margin-left: 3px;

}

.gtco-section {

 padding: 7em 0;
 clear: both;
 position: relative;

} @media screen and (max-width: 768px) {

 .gtco-section {
   padding: 3em 0;
 }

} .gtco-section.border-bottom {

 border-bottom: 1px solid #d9d9d9;

} .gtco-section.gtco-gray {

 background: #f6f6f6;

}

.gtco-heading {

 margin-bottom: 5em;

} .gtco-heading.gtco-heading-sm {

 margin-bottom: 2em;

} .gtco-heading h2 {

 font-size: 40px;
 margin-bottom: 10px;
 line-height: 1.5;
 color: #4d4d4d;
 font-weight: 300;

} .gtco-heading p {

 font-size: 18px;
 line-height: 1.7;
 color: #898989;

}

1. gtco-offcanvas {

 position: absolute;
 z-index: 1901;
 width: 270px;
 background: black;
 top: 0;
 right: 0;
 top: 0;
 bottom: 0;
 padding: 45px 40px 40px 40px;
 overflow-y: auto;
 display: none;
 -moz-transform: translateX(270px);
 -webkit-transform: translateX(270px);
 -ms-transform: translateX(270px);
 -o-transform: translateX(270px);
 transform: translateX(270px);
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} @media screen and (max-width: 768px) {

 #gtco-offcanvas {
   display: block;
 }

} .offcanvas #gtco-offcanvas {

 -moz-transform: translateX(0px);
 -webkit-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -o-transform: translateX(0px);
 transform: translateX(0px);

}

1. gtco-offcanvas a {

 color: rgba(255, 255, 255, 0.5);

}

1. gtco-offcanvas a:hover {

 color: rgba(255, 255, 255, 0.8);

}

1. gtco-offcanvas ul {

 padding: 0;
 margin: 0;

}

1. gtco-offcanvas ul li {

 padding: 0;
 margin: 0;
 list-style: none;

}

1. gtco-offcanvas ul li > ul {

 padding-left: 20px;
 display: none;

}

1. gtco-offcanvas ul li.offcanvas-has-dropdown > a {

 display: block;
 position: relative;

}

1. gtco-offcanvas ul li.offcanvas-has-dropdown > a:after {

 position: absolute;
 right: 0px;
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: "\e921";
 font-size: 20px;
 color: rgba(255, 255, 255, 0.2);
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

}

1. gtco-offcanvas ul li.offcanvas-has-dropdown.active a:after {

 -webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 -o-transform: rotate(-180deg);
 transform: rotate(-180deg);

}

.uppercase {

 font-size: 14px;
 color: #000;
 margin-bottom: 10px;
 font-weight: 700;
 text-transform: uppercase;

}

.gototop {

 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 999;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} .gototop.active {

 opacity: 1;
 visibility: visible;

} .gototop a {

 width: 50px;
 height: 50px;
 display: table;
 background: rgba(0, 0, 0, 0.5);
 color: #fff;
 text-align: center;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;

} .gototop a i {

 height: 50px;
 display: table-cell;
 vertical-align: middle;

} .gototop a:hover, .gototop a:active, .gototop a:focus {

 text-decoration: none;
 outline: none;

}

.gtco-nav-toggle {

 width: 25px;
 height: 25px;
 cursor: pointer;
 text-decoration: none;

} .gtco-nav-toggle.active i::before, .gtco-nav-toggle.active i::after {

 background: #444;

} .gtco-nav-toggle:hover, .gtco-nav-toggle:focus, .gtco-nav-toggle:active {

 outline: none;
 border-bottom: none !important;

} .gtco-nav-toggle i {

 position: relative;
 display: inline-block;
 width: 25px;
 height: 2px;
 color: #252525;
 font: bold 14px/.4 Helvetica;
 text-transform: uppercase;
 text-indent: -55px;
 background: #252525;
 transition: all .2s ease-out;

} .gtco-nav-toggle i::before, .gtco-nav-toggle i::after {

 content: ;
 width: 25px;
 height: 2px;
 background: #252525;
 position: absolute;
 left: 0;
 transition: all .2s ease-out;

} .gtco-nav-toggle.gtco-nav-white > i {

 color: #fff;
 background: #fff;

} .gtco-nav-toggle.gtco-nav-white > i::before, .gtco-nav-toggle.gtco-nav-white > i::after {

 background: #fff;

}

.gtco-nav-toggle i::before {

 top: -7px;

}

.gtco-nav-toggle i::after {

 bottom: -7px;

}

.gtco-nav-toggle:hover i::before {

 top: -10px;

}

.gtco-nav-toggle:hover i::after {

 bottom: -10px;

}

.gtco-nav-toggle.active i {

 background: transparent;

}

.gtco-nav-toggle.active i::before {

 top: 0;
 -webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
 -ms-transform: rotateZ(45deg);
 -o-transform: rotateZ(45deg);
 transform: rotateZ(45deg);

}

.gtco-nav-toggle.active i::after {

 bottom: 0;
 -webkit-transform: rotateZ(-45deg);
 -moz-transform: rotateZ(-45deg);
 -ms-transform: rotateZ(-45deg);
 -o-transform: rotateZ(-45deg);
 transform: rotateZ(-45deg);

}

.gtco-nav-toggle {

 position: absolute;
 right: 0px;
 top: 8px;
 z-index: 21;
 padding: 6px 0 0 0;
 display: block;
 margin: 0 auto;
 display: none;
 height: 44px;
 width: 44px;
 z-index: 2001;
 border-bottom: none !important;

} @media screen and (max-width: 768px) {

 .gtco-nav-toggle {
   display: block;
 }

}

.btn {

 margin-right: 4px;
 margin-bottom: 4px;
 font-family: "Raleway", Arial, sans-serif;
 font-size: 13px;
 font-weight: 700 !important;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 -ms-border-radius: 0px;
 border-radius: 0px;
 letter-spacing: 2px;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;
 padding: 20px 30px;
 text-transform: uppercase;
 text-shadow: none !important;
 -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);

} .btn:hover, .btn:active, .btn:focus {

 outline: none !important;
 -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);

}

.btn-primary {

 background: #17B794;
 color: #fff;
 border: 2px solid #17B794 !important;

} .btn-primary:hover, .btn-primary:focus, .btn-primary:active {

 background: #1acea6 !important;
 border-color: #1acea6 !important;

} .btn-primary.btn-outline {

 background: transparent;
 color: #17B794;
 border: 2px solid #17B794;

} .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {

 background: #17B794;
 color: #fff;

}

.btn-success {

 background: #5cb85c;
 color: #fff;
 border: 2px solid #5cb85c;

} .btn-success:hover, .btn-success:focus, .btn-success:active {

 background: #4cae4c !important;
 border-color: #4cae4c !important;

} .btn-success.btn-outline {

 background: transparent;
 color: #5cb85c;
 border: 2px solid #5cb85c;

} .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {

 background: #5cb85c;
 color: #fff;

}

.btn-info {

 background: #5bc0de;
 color: #fff;
 border: 2px solid #5bc0de;

} .btn-info:hover, .btn-info:focus, .btn-info:active {

 background: #46b8da !important;
 border-color: #46b8da !important;

} .btn-info.btn-outline {

 background: transparent;
 color: #5bc0de;
 border: 2px solid #5bc0de;

} .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {

 background: #5bc0de;
 color: #fff;

}

.btn-warning {

 background: #f0ad4e;
 color: #fff;
 border: 2px solid #f0ad4e;

} .btn-warning:hover, .btn-warning:focus, .btn-warning:active {

 background: #eea236 !important;
 border-color: #eea236 !important;

} .btn-warning.btn-outline {

 background: transparent;
 color: #f0ad4e;
 border: 2px solid #f0ad4e;

} .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {

 background: #f0ad4e;
 color: #fff;

}

.btn-danger {

 background: #d9534f;
 color: #fff;
 border: 2px solid #d9534f;

} .btn-danger:hover, .btn-danger:focus, .btn-danger:active {

 background: #d43f3a !important;
 border-color: #d43f3a !important;

} .btn-danger.btn-outline {

 background: transparent;
 color: #d9534f;
 border: 2px solid #d9534f;

} .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {

 background: #d9534f;
 color: #fff;

}

.btn-white {

 background: #fff;
 color: #000;
 border: 2px solid #fff;

} .btn-white:hover, .btn-white:focus, .btn-white:active {

 color: #000;
 background: #fff;
 border-color: #fff;

} .btn-white.btn-outline {

 color: #fff;
 border: 2px solid #fff;

} .btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active {

 background: #fff;
 color: #000 !important;
 border: 2px solid #fff;

}

.btn-special {

 background: #00ffa3;
 color: #239c71;
 border: 2px solid #00ffa3;

} .btn-special:hover, .btn-special:focus, .btn-special:active {

 color: #239c71;
 background: #00ffa3;
 border-color: #00ffa3;

} .btn-special.btn-outline {

 color: #fff;
 border: 2px solid #00ffa3;

} .btn-special.btn-outline:hover, .btn-special.btn-outline:focus, .btn-special.btn-outline:active {

 background: #fff;
 color: #000;
 border: 2px solid #00ffa3;

}

.btn-outline {

 background: none;
 border: 2px solid gray;
 font-size: 16px;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;

} .btn-outline:hover, .btn-outline:focus, .btn-outline:active {

 box-shadow: none;

}

.btn.with-arrow {

 position: relative;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;

} .btn.with-arrow i {

 visibility: hidden;
 opacity: 0;
 position: absolute;
 right: 0px;
 top: 50%;
 margin-top: -8px;
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;

} .btn.with-arrow:hover {

 padding-right: 50px;

} .btn.with-arrow:hover i {

 color: #fff;
 right: 18px;
 visibility: visible;
 opacity: 1;

}

.form-control {

 box-shadow: none;
 background: transparent;
 border: 2px solid rgba(0, 0, 0, 0.1);
 height: 54px;
 font-size: 18px;
 font-weight: 300;

} .form-control:active, .form-control:focus {

 outline: none;
 box-shadow: none;
 border-color: #17B794;

}

.row-pb-md {

 padding-bottom: 4em !important;

}

.row-pb-sm {

 padding-bottom: 2em !important;

}

.gtco-loader {

 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
 background: url(../images/loader.gif) center no-repeat #fff;

}

.js .animate-box {

 opacity: 0;

}

@media screen and (max-width: 768px) {

 .gtco-nav .gtco-contact {
   text-align: left !important;
 }

} .gtco-nav .gtco-contact ul {

 padding: 0;
 margin: 0 0 20px 0;

} .gtco-nav .gtco-contact ul li {

 padding: 0;
 margin: 0;

} .gtco-nav .gtco-contact ul li a {

 font-size: 14px;
 font-weight: bold !important;
 margin-left: 0px;

} .gtco-nav .gtco-contact ul li a i {

 color: #17B794;

} .gtco-nav .gtco-contact ul li a:hover i {

 color: #fff;

}

1. gtco-features-3 {

 position: relative;
 top: -7em;

} @media screen and (max-width: 768px) {

 #gtco-features-3 {
   top: -2em;
 }

}

1. gtco-features-3 .feature {

 width: 33.33%;
 float: left;
 padding: 30px;
 background: #17B794;
 position: relative;
 text-align: center;

} @media screen and (max-width: 768px) {

 #gtco-features-3 .feature {
   width: 100%;
   margin-bottom: 30px;
 }

}

1. gtco-features-3 .feature h3 {

 color: #fff;
 font-size: 18px;
 margin-bottom: 15px;
 text-transform: uppercase;

}

1. gtco-features-3 .feature p {

 color: rgba(255, 255, 255, 0.7);
 font-size: 16px;
 line-height: 1.7;

}

1. gtco-features-3 .feature .icon {

 display: block;
 width: 90px;
 height: 90px;
 margin: 0 auto 10px auto;
 position: relative;
 background: #15a989;
 top: -3em;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;

}

1. gtco-features-3 .feature .icon i {

 line-height: 90px;
 height: 90px;
 font-size: 40px;
 color: #fff;

}

1. gtco-features-3 .feature .icon i:before {

 display: block;
 text-align: center;
 margin-left: 3px;

}

1. gtco-features-3 .feature.feature-1 {

 z-index: 7;

}

1. gtco-features-3 .feature.feature-2 {

 bottom: 0px;
 z-index: 10;
 -webkit-box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
 box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
 background: #15a585;

} @media screen and (max-width: 768px) {

 #gtco-features-3 .feature.feature-2 {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
 }

}

1. gtco-features-3 .feature.feature-2 .icon {

 background: #13977a;

}

1. gtco-features-3 .feature.feature-2 .feature-inner {

 top: -3em;
 position: relative;

} @media screen and (max-width: 768px) {

 #gtco-features-3 .feature.feature-2 .feature-inner {
   top: 0;
 }

}

1. gtco-features-3 .feature.feature-2:before {

 position: absolute;
 top: -50px;
 content: "";
 background: #15a585;
 height: 50px;
 width: 100%;
 left: 0;

} @media screen and (max-width: 768px) {

 #gtco-features-3 .feature.feature-2:before {
   display: none;
 }

}

1. gtco-features-3 .feature.feature-2:after {

 position: absolute;
 bottom: -30px;
 content: "";
 background: #15a585;
 height: 30px;
 width: 100%;
 left: 0;

} @media screen and (max-width: 768px) {

 #gtco-features-3 .feature.feature-2:after {
   display: none;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
 }

}

1. gtco-features-3 .feature.feature-3 {

 z-index: 7;
 background: #129377;

}

1. gtco-features-3 .feature.feature-3 .icon {

 background: #118a6f;

}

.gtco-flex {

 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 position: relative;
 float: left;

}

1. gtco-portfolio {

 padding: 7em 0;
 background: #303841;
 min-height: 500px;

} @media screen and (max-width: 768px) {

 #gtco-portfolio {
   padding: 3em 0;
 }

}

1. gtco-portfolio .gtco-heading h2 {

 color: #fff;

}

1. gtco-portfolio .gtco-heading p {

 color: rgba(255, 255, 255, 0.7);

}

1. gtco-portfolio-list {

 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 position: relative;
 float: left;
 padding: 0;
 margin: 0;
 width: 100%;

}

1. gtco-portfolio-list li {

 display: block;
 padding: 0;
 margin: 0 0 10px 1%;
 list-style: none;
 min-height: 400px;
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 float: left;
 clear: left;
 position: relative;

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

 #gtco-portfolio-list li {
   margin-left: 0;
 }

}

1. gtco-portfolio-list li a {

 min-height: 400px;
 padding: 2em;
 position: relative;
 width: 100%;
 display: block;

}

1. gtco-portfolio-list li a:before {

 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 content: "";
 z-index: 80;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

}

1. gtco-portfolio-list li a.color-1:before {

 background: rgba(55, 75, 84, 0.7);

}

1. gtco-portfolio-list li a.color-1:hover:before {

 background: rgba(55, 75, 84, 0);

}

1. gtco-portfolio-list li a.color-2:before {

 background: rgba(37, 190, 213, 0.7);

}

1. gtco-portfolio-list li a.color-2:hover:before {

 background: rgba(37, 190, 213, 0);

}

1. gtco-portfolio-list li a.color-3:before {

 background: rgba(239, 172, 147, 0.7);

}

1. gtco-portfolio-list li a.color-3:hover:before {

 background: rgba(239, 172, 147, 0);

}

1. gtco-portfolio-list li a.color-4:before {

 background: rgba(249, 17, 40, 0.7);

}

1. gtco-portfolio-list li a.color-4:hover:before {

 background: rgba(249, 17, 40, 0);

}

1. gtco-portfolio-list li a.color-5:before {

 background: rgba(252, 68, 40, 0.7);

}

1. gtco-portfolio-list li a.color-5:hover:before {

 background: rgba(252, 68, 40, 0);

}

1. gtco-portfolio-list li a.color-6:before {

 background: rgba(98, 177, 215, 0.7);

}

1. gtco-portfolio-list li a.color-6:hover:before {

 background: rgba(98, 177, 215, 0);

}

1. gtco-portfolio-list li a .case-studies-summary {

 width: auto;
 bottom: 2em;
 left: 2em;
 right: 2em;
 position: absolute;
 z-index: 100;

} @media screen and (max-width: 768px) {

 #gtco-portfolio-list li a .case-studies-summary {
   bottom: 1em;
   left: 1em;
   right: 1em;
 }

}

1. gtco-portfolio-list li a .case-studies-summary span {

 text-transform: uppercase;
 letter-spacing: 2px;
 font-size: 13px;
 color: rgba(255, 255, 255, 0.7);

}

1. gtco-portfolio-list li a .case-studies-summary h2 {

 color: #fff;
 margin-bottom: 0;

} @media screen and (max-width: 768px) {

 #gtco-portfolio-list li a .case-studies-summary h2 {
   font-size: 20px;
 }

}

1. gtco-portfolio-list li.two-third {

 width: 65.6%;

} @media screen and (max-width: 768px) {

 #gtco-portfolio-list li.two-third {
   width: 49%;
 }

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

 #gtco-portfolio-list li.two-third {
   width: 100%;
 }

}

1. gtco-portfolio-list li.one-third {

 width: 32.3%;

} @media screen and (max-width: 768px) {

 #gtco-portfolio-list li.one-third {
   width: 49%;
 }

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

 #gtco-portfolio-list li.one-third {
   width: 100%;
 }

}

1. gtco-portfolio-list li.one-half {

 width: 49%;

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

 #gtco-portfolio-list li.one-half {
   width: 100%;
 }

}

/* Owl Override Style */ .owl-carousel .owl-controls, .owl-carousel-posts .owl-controls {

 margin-top: 0;

}

.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {

 top: 25% !important;
 z-index: 1001;
 position: absolute;
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;

}

.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-next {

 right: -170px;

} @media screen and (max-width: 992px) {

 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel-posts .owl-controls .owl-nav .owl-next {
   right: -50px;
 }

}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {

 left: -170px;

} @media screen and (max-width: 992px) {

 .owl-carousel .owl-controls .owl-nav .owl-prev,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
   left: -50px;
 }

}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {

 color: #000;

} .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {

 color: #000;

}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {

 color: #000;

} .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {

 color: #000;

}

@media screen and (max-width: 768px) {

 .owl-theme .owl-controls .owl-nav {
   display: none;
 }

}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {

 background: none !important;

} .owl-theme .owl-controls .owl-nav [class*="owl-"] i {

 color: #cccccc;
 font-size: 24px;
 padding: 12px;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

} .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover i, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus i {

 color: #000;

}

.owl-theme .owl-dots {

 position: absolute;
 bottom: 0;
 width: 100%;
 text-align: center;

}

.owl-carousel-fullwidth.owl-theme .owl-dots {

 bottom: 0;
 margin-bottom: -2.5em;

}

.owl-theme .owl-dots .owl-dot span {

 width: 10px;
 height: 10px;
 background: #cccccc;
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;

} .owl-theme .owl-dots .owl-dot span:hover {

 background: none;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

 background: none;
 background: #4d4d4d;

}

/*# sourceMappingURL=style.css.map */ /*<---Cube Style End--->*/ </style>