/**********************************************************************************************

1.  Default / for Grid 1200px             
2.  960px 
3.  720px
4.  lt 720px 

**********************************************************************************************/

/********************************************************************************************* 

1.  Default / for Grid 1200px             

*********************************************************************************************/  
/* 
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12,  .column-13,  .column-14,  .column-15,  .column-16 {
	background:#ddd; color:#000; margin-bottom:10px;
}
*/

/* general */
body, html{background:#ffffff; color:#1a1d21; width: 100%; height:100%; min-width:980px; font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 400; font-size:14px;}
.wrapper {height:100%;} .clear{height:0; font-size:1px; line-height:0px; clear:both;} p{padding:0px;} .clearfix:before, .clearfix:after {content:" "; display: table;} .clearfix:after {clear: both;}
a{outline: none !important; text-decoration: none; border: none; font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 400; color:#000000;} a, a:hover {color:#f31455; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;} a:hover {text-decoration:underline;}
img {vertical-align:top;} a img {text-decoration: none; outline: none !important; border: none !important;} 
select, input, textarea {outline:none; color:#1a1d21; font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 400; font-size:14px;} ul {list-style-type: none;}
::selection {background: #ff87a3;} ::-moz-selection {background: #ff87a3;}
/* headings */
h1 {font-size:104px; line-height:130px; font-weight:400; margin:0 0 0px 0; font-family: 'Roboto Slab', serif;} h1 a{font-family: 'Roboto Slab', serif;}
h2 {font-size:84px; line-height:96px; font-weight:400; margin:0 0 10px 0;}
h3 {font-size:70px; line-height:80px; font-weight:400; margin:0 0 10px 0; font-family: 'Roboto Slab', serif;}
h4 {font-size:60px; line-height:72px; font-weight:600; margin:0 0 8px 0;}
h5 {font-size:32px; line-height:40px; font-weight:300; margin:0 0 8px 0;}
h6 {font-size:22px; line-height:34px; font-weight:300; margin:0 0 5px 0;}
hr{ height: 1px; border-top: none; border-left: none; border-right: none; border-bottom:1px dotted #c1c1c1; margin-top: 10px; margin-bottom: 10px;}
/* header */
#header, #header-style-2, #header-style-3 {position:absolute; z-index:9999; width:100%; padding:0px 0 0 0;}
#header{width: 100%; text-align: left; font-size: 22px; line-height: 26px; height: 10px; background: rgba(26, 29, 33, 0.0); color: #1a1d21; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .header-brand-holder {padding:40px 0 0 0px;} #header .header-nav-holder {padding:42px 0px 0 0px;}
#header .header-brand-holder a.inibrand-logo {background-image:url(../img/logo_white.svg); background-size:100%; border:none; background-repeat:no-repeat; width:230px; height:54px; display:block; position:relative; z-index:9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
#header.sticky {position:fixed; width: 100%; text-align: left; font-size: 22px; line-height: 26px; height: 86px; background: rgba(26, 29, 33, 0.92); color: #ffffff; z-index:9999999;}
#header.sticky .header-brand-holder {padding:22px 0 0 0px;} #header.sticky .header-nav-holder {padding:19px 0px 0 0px;}
#header.sticky .header-brand-holder a.inibrand-logo {background-image:url(../img/logo_white.svg); background-size:100%; border:none; background-repeat:no-repeat; width:182px; height:41px; display:block; position:relative; }

/* header style 2 */
#header-style-2{width: 100%; text-align: left; font-size: 22px; line-height: 26px; height: 86px; background: rgba(26, 29, 33, 1.0); color: #1a1d21; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
#header-style-2 .header-brand-holder, #header-style-3 .header-brand-holder {padding:22px 0 0 0px;} #header-style-2 .header-nav-holder, #header-style-3 .header-nav-holder  {padding:19px 0px 0 0px;}
#header-style-2 .header-brand-holder a.inibrand-logo, #header-style-3 .header-brand-holder a.inibrand-logo {background-image:url(../img/logo_white.svg); background-size:100%; border:none; background-repeat:no-repeat; width:182px; height:41px; display:block; position:relative; z-index:9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
#header-style-2.sticky, #header-style-3.sticky {position:fixed; width: 100%; text-align: left; font-size: 22px; line-height: 26px; height: 86px; background: rgba(26, 29, 33, 0.92); color: #fff; z-index:9999999;}
#header-style-2.sticky .header-brand-holder, #header-style-3.sticky .header-brand-holder {padding:22px 0 0 0px;} #header-style-2.sticky .header-nav-holder, #header-style-3.sticky .header-nav-holder {padding:19px 0px 0 0px;}
#header-style-2.sticky .header-brand-holder a.inibrand-logo, #header-style-3.sticky .header-brand-holder a.inibrand-logo {background-image:url(../img/logo_white.svg); background-size:100%; border:none; background-repeat:no-repeat; width:182px; height:41px; display:block; position:relative;}

/* header style 3 */
#header-style-3{width: 100%; text-align: left; font-size: 22px; line-height: 26px; height: 90px; background: rgba(26, 29, 33, 0.0); color: #1a1d21; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

/* nav */
#navbar {text-align:right; padding:10px 0 0 0;}
#navbar ul {padding:0; margin:0; }
#navbar ul li {display:inline;}
#navbar ul li a {color:#ffffff; font-size:20px; text-decoration:none; padding:9px 21px; border:2px solid rgba(255,255,255,0.0); margin:0 2px; font-weight:400; letter-spacing:0.04em; }
#navbar ul li a:hover, #navbar ul li a.selected:hover {color:#ffffff; border:2px solid rgba(255,255,255,1.0);} #navbar ul li a.selected {color:#ffffff; font-weight:400; padding:9px 21px; border:2px solid rgba(255,255,255,1.0);}
#navbar ul li a.language {text-transform:uppercase; color:#ffffff; font-size:16px; font-weight:400; margin:0 0px 0 40px; } #navbar ul li a.language:hover {border:2px solid rgba(255,255,255,0.0);}
#navbar ul li a.start-project {text-transform:uppercase; color:#00d8ff; font-size:16px; font-weight:400; margin:0 20px 0 0px; border:2px solid rgba(0,216,255,0.0);} #navbar ul li a.start-project:hover {color:#9d9e9f; border:2px solid rgba(0,216,255,0.0);}
#header.sticky #navbar {text-align:right; padding:10px 0 0 0;}
#header.sticky #navbar ul {padding:0; margin:0; }
#header.sticky #navbar ul li {display:inline;}
#header.sticky #navbar ul li a {color:#ffffff; font-size:20px; text-decoration:none; padding:9px 21px; border:2px solid rgba(255,255,255,0.0); margin:0 2px; font-weight:400; letter-spacing:0.04em;}
#header.sticky #navbar ul li a:hover {color:#ffffff; border:2px solid rgba(255,255,255,1.0);} #header.sticky #navbar ul li a.selected {color:#ffffff; font-weight:400; padding:9px 21px; border:2px solid rgba(255,255,255,1.0);}
#header.sticky #navbar ul li a.language {text-transform:uppercase; color:#ffffff; font-size:16px; font-weight:400; margin:0 0px 0 40px; } #header.sticky #navbar ul li a.language:hover {border:2px solid rgba(255,255,255,0.0);}
#header.sticky #navbar ul li a.start-project {text-transform:uppercase; color:#00c6e3; font-size:16px; font-weight:400; margin:0 20px 0 0px; border:2px solid rgba(15,200,245,0.0);} #header.sticky #navbar ul li a.start-project:hover {color:#00c6e3; border:1px solid rgba(15,200,245,1.0);}

/* intro */
#intro{background-color: rgba(26, 29, 33, 1.0); height: 84%; min-height:740px; max-height:1000px; width:100%; position:relative; color:#1a1d21;}
#intro figure {width: 100%; height: 100%; margin:0; padding:0; background-color: rgba(26, 29, 33, 1.0); background: top 50% center no-repeat fixed;
 -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; -webkit-transition:width 0.5s, height 0.5s; -moz-transition:width 0.5s, height 0.5s; transition:width 0.5s, height 0.5s;}
#intro figure figcaption {margin: 0 auto;  width: 100%; position: relative; top: 22%; padding:0px 0px 0 0px; text-align:left; color: #ffffff; z-index:999;}
/* scrolldown */
.scroll-btn{position:relative; z-index:9991; display:block; text-align:center; padding:0 90px 0 0; height:36px; margin-top:-80px;}
a.scrolldown{width:90px; height:36px; position: absolute; bottom: 0px; left:46%; display:inline-block; background-image:url(../img/arrow.png); background-repeat:no-repeat; opacity: 1.0; filter: alpha(Opacity=100);
animation: arrow 1.8s infinite;	-webkit-animation: arrow 1.8s infinite;	-moz-animation: arrow 1.8s infinite; -o-animation: arrow 1.8s infinite;}
a.scrolldown:hover {background-image:url(../img/arrow.png); opacity: 1.0; filter: alpha(Opacity=100);}
@-webkit-keyframes arrow{ 0%{margin-bottom:4px;}40%{margin-bottom:-8px;}100%{margin-bottom: 4px;} }
@-moz-keyframes arrow{ 0%{margin-bottom:4px;}40%{margin-bottom:-8px;}100%{margin-bottom: 4px;} }
@-o-keyframes arrow{ 0%{margin-bottom:4px;}40%{margin-bottom:-8px;}100%{margin-bottom: 4px;} }
@keyframes arrow{ 0%{margin-bottom:4px;}40%{margin-bottom:-8px;}100%{margin-bottom: 4px;} }
a.scrolltotop:hover {text-decoration:none; color:#ffffff!important;}
a.scrolltotop {font-size:14px; font-weight:300; color:#c1c1c1!important; display:inline-block;}
a.scrolltotop span {font-size:18px; line-height:16px; font-weight:300; margin:0 4px 0 0px;}
/* */
span.color-style-1 {height:2px; width:7%; background-color:#f31455; display:block; margin:20px 0 20px 0;}
span.color-style-2 {height:2px; width:7%; background-color:#26afd9; display:block; margin:20px 0 20px 0;}
span.color-style-3 {height:2px; width:7%; background-color:#1a1d21; display:block; margin:20px 0 20px 0;}
.main-first-heading, .main-second-heading  {color:#ffffff;} .main-second-heading {margin:0px 0 0 0;} .main-first-heading h1 {font-weight:400;}
.main-first-heading h1 a, .main-second-heading h1 a {font-weight:400; color:#ffffff; } .main-first-heading h1 a:hover, .main-second-heading h1 a:hover {text-decoration:none;}
.heading-description {padding:45px 0 0 0; width:80%; color:#ffffff;} .heading-description span {font-weight:400; color:#ffffff;}
.intro-links {padding:30px 0 0 0;} .intro-links a {margin:0 0px;} .button-wrapper{padding:30px 0 0 0; text-align:center;}

#no-intro {height:90px; width:100%; position:relative;}
/* intro small */
#intro-small{background-color: rgba(26, 29, 33, 1.0); height:50%; width:100%; position:relative; color:#1a1d21;}
#intro-small figure {width: 100%; height: 100%; margin:0; padding:0; background-color: rgba(26, 29, 33, 1.0); background:no-repeat fixed; }
#intro-small figure figcaption {margin: 0 auto;  width: 100%; position: relative; top: 45%; padding:0px 0px 0 0px; text-align:left; color: #fff; z-index:999;}
.page-heading {text-align:center; padding:0 0 0 0;} .page-heading h1 span {font-weight:600;}
/* layers */
.layer-style-1 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.1);}
.layer-style-2 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.2);}
.layer-style-3 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.3);}
.layer-style-4 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.4);}
.layer-style-5 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.5);}
.layer-style-6 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.6);}
.layer-style-7 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.7);}
.layer-style-8 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.8);}
.layer-style-9 {height:100%; width:100%; position:absolute; z-index:9; background-color: rgba(26, 29, 33, 0.85);}

/* container styles */
.container-style-1 {width: 100%; position:relative; display:block; background-color: rgba(255, 255, 255, 1.0); color:#1a1d21;} .container-style-1 .section-content, .container-style-2 .section-content {color:#373737;}
.container-style-2 {width: 100%; position:relative; display:block; background-color: rgba(246, 247, 248, 1.0); color:#1a1d21;}
.container-style-3 {width: 100%; position:relative; display:block; background-color: rgba(26, 29, 33, 1.0); color:#ffffff;} .container-style-3 .section-content {color:#ffffff;}
.container-style-4 {width: 100%; position:relative; display:block; background-color: rgba(0, 186, 220, 1.0); color:#ffffff;}
.container-style-5 {width: 100%; position:relative; display:block; background-color: rgba(255, 255, 255, 1.0); color:#ffffff; border-top:1px dotted #c1c1c1;}

.container-style-1, .container-style-2, .container-style-3, .container-style-4, .container-style-5 {padding:70px 0 100px 0;}

#get-in-touch {width:100%; position:relative; display:block; background: url(../img/userfiles/im02.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* */
.section-heading {position:relative; display:block; z-index:9; padding:0px 0% 20px 0%; color:#1a1d21;} .section-white-heading {position:relative; display:block; z-index:9; padding:0px 5% 20px 0%; color:#ffffff;} 
.section-heading  .center {text-align:center;} .section-heading h3, .section-heading h4, .section-white-heading h3, .section-white-heading h4 {font-weight:300;} .section-heading h3 span, .section-heading h4 span, .section-white-heading h3 span, .section-white-heading h4 span {font-weight:400;} 
.section-content h5 {color:#1a1d21;} .section-content span {color:#1a1d21; font-weight:400;} .section-content span.strong {color:#1a1d21; font-weight:600;} 
.section-content {font-size:16px; line-height:28px; font-weight:400; padding:0 8% 30px 0;} .section-content p {font-size:18px; line-height:30px;}
.section-content a {border-bottom:1px solid #1a1d21; color:#1a1d21; font-weight:600;} .section-content a:hover {border-bottom:none; text-decoration:none; color:#f31455;}
.header-sub-nav {background-color: rgba(255, 255, 255, 1.0); padding:40px 0 0px 0; }
.header-subnav {padding:0px 0 0px 0;} .header-subnav ul {padding:0; margin:0;} .header-subnav ul li {display:inline;}
.header-subnav ul li a {color:#1a1d21; font-size:16px; line-height:28px; text-decoration:none; border-bottom:1px solid #9d9e9f; margin:0 40px 0 0px; font-weight:400; letter-spacing:0.02em;}
.header-subnav ul li a:hover{color:#f31455; border-bottom:none;} .header-subnav ul li a.selected {color:#76777a; border-bottom:none; font-weight:400;}
.filter {color:#76777a; font-size:16px; line-height:28px;}

/* main services */
#main-services {height:16%; max-height:400px; background-color: rgba(255, 255, 255, 1.0); border-bottom:1px dotted #c1c1c1;} 
#main-services table {width:100%; height:100%;} #main-services table tr td {vertical-align:middle; width:100%; height:100%; padding:0px 0 0 0;}
.main-service {width:100%; height:100%; display:block; text-align:left;}
.main-service a {color:#1a1d21; font-size:18px; line-height:26px; text-decoration:none; border-bottom:1px solid #1a1d21; font-weight:400;} .main-service a:hover {border-bottom:none; color:#f31455;}

/* buttons */
a.button-style-1 {border:2px solid #26afd9; background-color: rgba(0, 186, 220, 1.0); font-size:20px; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-1:hover {background-color: rgba(255, 255, 255, 1.0); border:2px solid #ffffff; color:#26afd9;}
a.button-style-1-b { border:2px solid #26afd9; background-color: rgba(0, 186, 220, 1.0); font-size:20px; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-1-b:hover {background-color: rgba(255, 255, 255, 0.0); border:2px solid #00afd4; color:#00afd4;}
a.button-style-2 { border:2px solid #ffffff; background-color: rgba(255, 255, 255, 0.0); font-size:20px; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-2:hover {background-color:#ffffff; border:2px solid #ffffff; color:#1a1d21;}
a.button-style-3 { border:2px solid #1a1d21; background-color: rgba(26, 29, 33, 0.0); font-size:20px; line-height:28px; color:#1a1d21; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-3:hover {background-color: rgba(26, 29, 33, 1.0); border:2px solid #1a1d21; color:#ffffff;}
a.button-style-4 { border:2px solid #f31455; background-color: rgba(243, 20, 85, 1.0); font-size:20px; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-4:hover { background-color: rgba(243, 20, 85, 0.0); border:2px solid #f31455; color:#f31455;}
a.button-style-5 { border:2px solid #1a1d21; background-color: rgba(26, 29, 33, 1.0); font-size:20px; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-5:hover {background-color: rgba(26, 29, 33, 0.0); border:2px solid #1a1d21; color:#1a1d21;}
a.button-style-5-big {border:2px solid #ffffff; background-color: rgba(255,255, 255, 0.0); font-size:32px; color:#ffffff; font-weight:400; text-decoration:none; min-width:290px; padding:20px 40px; display:inline-block; text-align:center; letter-spacing:0.02em;} a.button-style-5-big:hover {background-color: rgba(255, 255, 255, 1.0); border:2px solid #ffffff; color:#1a1d21;}

/* projects */
.project-holder {text-align:left; padding:40px 0 20px 0; display:block; color:#1a1d21; z-index:999; position:relative;} .project-holder h3 {font-weight:300;} .project-holder h3 span {font-weight:400;}
.project {width: 98%; height: auto; margin:0 0 40px 0; background-color:#ffffff; background-image:url(../img/free_space.png); background-repeat:repeat-x,y;}
.project-image {width: 275px; height: 275px; overflow:hidden; display:block;} .project-image img {width:100%;}
.project-description {width: 275px; min-height:130px; background-color:#ffffff; display:block; z-index:9;}
.project-description a {color:#474747; padding:0 0 10px 0; width: 275px; z-index:20; display:block;}
.project-description a h6 {padding:14px 10px 0 0px; font-weight:400; font-size:15px; line-height:22px; display:block; color:#474747;} .project:hover a{text-decoration:none;}  
.project-description a p {padding:6px 10px 0 0px; color:#474747; display:block; font-size:15px; line-height:22px; font-weight:400;} .project-description a p span {color:#1a1d21; font-weight:400; margin:0 0 0 2px;}
.project:hover .project-description a p {display:block;} .project:hover {cursor:pointer;} 
.project:hover .project-description a h6 {display:block;}
.project .project-layer {display:none; z-index:9; position:absolute; width: 275px; height:275px; opacity: 1.0; filter: alpha(Opacity=100); background-image:url(../img/zoom.svg); background-repeat:no-repeat; background-position:center; }
.project:hover .project-layer {display:block; z-index:9; position:absolute; width: 275px; height:275px; opacity: 1.0; filter: alpha(Opacity=100); color:#ffffff; text-align:center; background-color:rgba(43, 182, 224, 0.9);}
.project .project-layer .note {margin:64% 0 0 0; padding:0 10% 0 10%; display:block; font-size:15px; line-height:22px; color:#ffffff; font-weight:300;}

/* clients */
.clients-wrapper {padding:0px 0 0 0; text-align:center;}
.brand-logo {width:160px; display:inline-block; margin:10px 25px 25px 25px;}
span.saulespro {width:160px; height:70px; background-image:url(../img/userfiles/clients/saulespro_logo.png); background-repeat:no-repeat; display:block;}
span.baltiaoil {width:160px; height:70px; background-image:url(../img/userfiles/clients/baltiaoil_logo.png); background-repeat:no-repeat; display:block;}
span.ecostep {width:160px; height:70px; background-image:url(../img/userfiles/clients/ecostep_logo.png); background-repeat:no-repeat; display:block;}
span.chemdry {width:160px; height:70px; background-image:url(../img/userfiles/clients/chemdry_logo.png); background-repeat:no-repeat; display:block;}
span.sanpatrick {width:160px; height:70px; background-image:url(../img/userfiles/clients/sanpatrick_logo.png); background-repeat:no-repeat; display:block;}
span.techenergy {width:160px; height:70px; background-image:url(../img/userfiles/clients/techenergy_logo.png); background-repeat:no-repeat; display:block;}
span.dautkom {width:160px; height:70px; background-image:url(../img/userfiles/clients/dautkom_logo.png); background-repeat:no-repeat; display:block;}
span.lidotleti {width:160px; height:70px; background-image:url(../img/userfiles/clients/lidotleti_logo.png); background-repeat:no-repeat; display:block;}
span.k2 {width:160px; height:70px; background-image:url(../img/userfiles/clients/k2_logo.png); background-repeat:no-repeat; display:block;}
span.skillauto {width:160px; height:70px; background-image:url(../img/userfiles/clients/skillauto_logo.png); background-repeat:no-repeat; display:block;}

/* form */
form,fieldset {border:none; padding:0; margin:0; outline: none;}
input, select, textarea {border:1px solid #ffffff; background-color: rgba(255, 255, 255, 1.0); font-family: 'Open Sans', sans-serif, Arial, Verdana; font-weight: 300; font-size:30px; line-height:50px; color:#1a1d21;}
input.input {width:95%; height:50px; font-size:30px; line-height:50px; padding:0 0 0 4%;}
select.select {width:99%; height:50px; font-size:30px; line-height:50px; padding:0 0 0 4%;}
textarea.area {width:91%; min-height:150px; font-size:30px; line-height:48px; resize: vertical; padding:0 4% 0 4%;}
.form-cell {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dotted #ffffff;} .form-cell-big {margin:0 0 15px 0; padding:0 0 15px 0;}
input.btn-submit {border:2px solid #1a1d21; background-color: rgba(26, 29, 33, 1.0); font-size:20px !important; line-height:28px; color:#ffffff; font-weight:400; text-decoration:none; min-width:190px; padding:15px 30px; display:inline-block; 
text-align:center; letter-spacing:0.02em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input.btn-submit:hover {border:2px solid #1a1d21; background-color: rgba(26, 29, 33, 0.0); color:#1a1d21;}
.cell-heading {font-size:30px; line-height:50px; font-weight:300; color:#ffffff; margin:0 0 0 0;} #uppercase input{text-transform:uppercase;}

.qr-code-vadims {background-image:url(../img/qr_vadims.svg); background-repeat:no-repeat; width:140px; height:140px;}

#footer {width:100%; height:220px; background-color: rgba(26, 29, 33, 1.0); color:#ffffff; font-size:14px;} 
#footer .footer-tleft {padding:40px 0 0 0; height:85px;}
#footer .footer-bleft {padding:0px 0 0 0; color:#c1c1c1;} .footer-bleft span {display:block; margin:0 0 25px 0;} 
#footer .footer-tright {padding:40px 0px 10px 35px; text-align:right; color:#ffffff; font-size:16px; font-weight:300; min-height:90px;} 
#footer .footer-tmiddle {text-align:center; padding:169px 0 0 0;}
.footer-tright .phone {padding:0 0 0 32px; font-size:30px; line-height:40px; margin:5px 0 20px 0; display:block; color:#ffffff; font-weight:300;}
a.mail {background-image:url(../img/mail.svg); background-repeat:no-repeat; background-position:left; padding:0 0 0 32px; font-size:16px; font-weight:400;}
a.facebook-ic {width:32px; height:32px; margin:0 15px 0 0; background-image:url(../img/facebook_icon.svg); background-repeat:no-repeat; display:block; float:left; opacity: 0.35; filter: alpha(Opacity=35);}
a.skype-ic {width:32px; height:32px; margin:0 15px 0 0; background-image:url(../img/skype_icon.svg); background-repeat:no-repeat; display:block; float:left; opacity: 0.35; filter: alpha(Opacity=35);}
a.linkedin-ic {width:32px; height:32px; margin:0 15px 0 0; background-image:url(../img/linkedin_icon.svg); background-repeat:no-repeat; display:block; float:left; opacity: 0.35; filter: alpha(Opacity=35);}
a.facebook-ic:hover, a.skype-ic:hover, a.linkedin-ic:hover {opacity: 1.0; filter: alpha(Opacity=100);}
#footer a {color:#26afd9;} #footer a:hover {text-decoration:none;}

/* services NEW */
.services-top-ban { font-family: 'Roboto', sans-serif; background-image: url(../img/services_top_ban.png); background-repeat: no-repeat; height: 143px; }
.serv-top-ban-title { font-size: 20px; font-weight: 500; color: #fff; line-height: 1; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding-top: 35px; }
.serv-top-ban-content { font-size: 13px; font-weight: 300; color: #fff; text-align: center; padding: 20px 20px 15px 20px; }

.services-cols-sets { font-family: 'Roboto', sans-serif; margin: 48px 0 48px 0; }
.service-col:first-child, .service-col:nth-child(3n+1) { margin-left: 0; }
.service-col:nth-child(-n+3) { margin-bottom: 70px; }
.service-col { float: left; width: 26%; height: 244px; margin-left: 11%; overflow: hidden; }
.service-icon { float: left; width: 90px; padding-bottom: 10px; }
.service-desc { float: left; width: 215px; }
.service-name { font-size: 17px; font-weight: 700; color: #00badc; line-height: 1; }
.service-text { margin-top: 17px; height: 119px; overflow: hidden; font-size: 13px; font-weight: 400; color: #171818; line-height: 17px; } /*115 h*/

.service-l-pos { margin-top: 17px; line-height: 1; }
.service-btn-pos { margin-top: 22px; }
a.serv-btn-s { display: inline-block; width: 215px; padding: 9px 0 10px 0; background-color: #00badc; text-align: center; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; }
a.serv-btn-s:hover { background-color: #07aac8; text-decoration: underline; }
a.serv-link { font-size: 14px; font-weight: 700; color: #f31455; text-decoration: underline; }
a.serv-link:hover { text-decoration: none; }

.serv-ico-1 { background-image: url(../img/serv_icon_1.png); background-repeat: no-repeat; width: 51px; height: 47px; }
.serv-ico-2 { background-image: url(../img/serv_icon_2.png); background-repeat: no-repeat; width: 51px; height: 47px; }
.serv-ico-3 { background-image: url(../img/serv_icon_3.png); background-repeat: no-repeat; width: 51px; height: 47px; }
.serv-ico-4 { background-image: url(../img/serv_icon_4.png); background-repeat: no-repeat; width: 57px; height: 47px; }
.serv-ico-5 { background-image: url(../img/serv_icon_5.png); background-repeat: no-repeat; width: 51px; height: 51px; }
.serv-ico-6 { background-image: url(../img/serv_icon_6.png); background-repeat: no-repeat; width: 49px; height: 49px; }

.other-services { font-family: 'Roboto', sans-serif; background-color: #f6f6f6;  padding: 40px 0 55px 0; }
.oth-services-title { font-size: 20px; font-weight: 600; color: #070707; line-height: 1; text-transform: uppercase; text-align: center; }
.oth-services-content { margin-top: 30px; text-align: center; }
/*.oth-service-col:first-child { margin-left: 0px; } /*35 left*/
.oth-service-col { background-color: #fff; float: left; width: 25%; height: 415px; margin: 0 4.16%; text-align: center; overflow: hidden; }

.oth-serv-img { width: 295px; height: 189px; overflow: hidden; }
.oth-serv-title { height: 35px; margin-top: 15px; padding: 0 15px 0 15px; font-size: 16px; font-weight: 600; color: #070707; line-height: 22px; text-transform: uppercase; text-align: center; }
.oth-serv-desc { height: 82px; overflow: hidden; margin-top: 22px; padding: 0 15px 0 15px; font-size: 13px; font-weight: 400; line-height: 17px; color: #171818; }

.oth-serv-btn { margin-top: 12px; }
a.serv-btn { display: inline-block; width: 240px; padding: 9px 0 10px 0; background-color: #00badc; text-align: center; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; }
a.serv-btn:hover { background-color:#07aac8; text-decoration: underline; }


/**** 960px ****/  
@media only screen /*and (min-width: 970px)*/ and (max-width: 1280px) {
/* headings */
h1 {font-size:88px!important; line-height:112px!important; font-weight:300; margin:0 0 0px 0;}  
h2 {font-size:60px; line-height:72px; font-weight:600; margin:0 0 18px 0; }
h3 {font-size:54px; line-height:62px; font-weight:700; margin:0 0 10px 0;}
h4 {font-size:32px; line-height:52px; font-weight:300; margin:0 0 8px 0;}
h5 {font-size:30px; line-height:40px; font-weight:300; margin:0 0 8px 0; }
h6 {font-size:19px; line-height:31px; font-weight:300; margin:0 0 4px 0;}
#header .header-brand-holder {padding:40px 0 0 0px;} #header .header-nav-holder {padding:40px 0px 0 0px;}  
#header .header-brand-holder a.inibrand-logo {width:210px; height:47px;}
.heading-holder {padding:40px 0 40px 0;} .heading-holder h3 {font-weight:300; font-size:38px;}
/* nav */
#navbar ul li a, #navbar ul li a.selected {font-size:18px; padding:9px 18px; margin:0 1px; letter-spacing:0.03em;}
#header.sticky #navbar ul li a, #header.sticky #navbar ul li a.selected {font-size:18px; padding:9px 18px; margin:0 1px; letter-spacing:0.03em;}
#navbar ul li a.start-project {font-size:18px; margin:0 15px 0 0px;}
#header.sticky #navbar ul li a.start-project {font-size:14px; margin:0 15px 0 0px;}
#navbar ul li a.language {text-transform:uppercase; color:#ffffff; font-size:14px; font-weight:400; margin:0 0px 0 30px; }
#header.sticky #navbar ul li a.language {font-size:14px;}


/* intro */
#intro{height: 82%; min-height:720px; max-height:820px; display:block;}
#intro figure figcaption {top: 25%!important;}
.intro-links {padding:30px 0 0 0!important;} .button-wrapper{padding:20px 0 0 0; text-align:center;}
.main-second-heading  {color:#ffffff; margin:0px 0 0 0;} 
.heading-description {padding:30px 0 0 0!important; width:80%; display:block;}
#main-services {height:18%;} .main-service a {font-size:15px; line-height:24px;} 
.header-subnav ul li a {font-size:14px; line-height:24px; margin:0 30px 0 0px;} .section-heading, .section-white-heading {padding:0px 0 20px 0;}
.filter {font-size:14px; line-height:24px;}
.section-content {font-size:16px; line-height:28px; font-weight:400; padding:0 5% 30px 0;}
.container-style-1, .container-style-2, .container-style-3, .container-style-4, .container-style-5  {padding:60px 0 75px 0;}
/* */
span.color-style-1, span.color-style-2 {margin:15px 0 15px 0;}

/* buttons */
a.button-style-1, a.button-style-1-b, a.button-style-2, a.button-style-3, a.button-style-4, a.button-style-5 {font-size:18px; min-width:175px; padding:14px 30px;}
a.button-style-5-big {font-size:24px; min-width:240px; padding:18px 30px;}
input.btn-submit {font-size:16px; min-width:175px; padding:14px 30px;}
/* work */
#latest-project-list{padding:30px 0 80px 0;}
.project-holder {text-align:left; padding:40px 0 20px 0; display:block; color:#1a1d21; z-index:999; position:relative;} .project-holder h3 {font-weight:300;} .project-holder h3 span {font-weight:400;}
.project {width: 97%; height: auto; margin:0 0 30px 0; background-color:#ffffff; background-image:url(../img/free_space.png); background-repeat:repeat-x,y;}
.project-image {width: 215px; height: 215px; overflow:hidden; display:block;} .project-image img {width:100%;}
.project-description {width: 215px; min-height:125px; background-color:#ffffff; display:block; z-index:9;}
.project-description a {color:#474747; padding:0 0 10px 0; width: 215px; z-index:20; display:block;}
.project-description a h6 {padding:10px 10px 0 0px; font-weight:400; font-size:14px; line-height:22px; display:block; color:#474747;} .project:hover a{text-decoration:none; /*border-bottom:2px solid #f31455;*/}  
.project-description a p {padding:5px 10px 0 0px; color:#474747; display:block; font-size:14px; line-height:22px; font-weight:400;}
.project:hover .project-description a p {display:block;} .project:hover {cursor:pointer;} 
.project:hover .project-description a h6 {display:block;}
.project .project-layer {display:none; z-index:9; position:absolute; width: 215px; height:215px; opacity: 1.0; filter: alpha(Opacity=100); background-image:url(../img/zoom.svg); background-repeat:no-repeat; background-position:center; }
.project:hover .project-layer {display:block; z-index:9; position:absolute; width: 215px; height:215px; opacity: 1.0; filter: alpha(Opacity=100); color:#ffffff; text-align:center;}

/* clients */
.brand-logo {width:160px; display:inline-block; margin:5px 12px 25px 12px;}
/* footer */
#footer {width:100%; height:205px; background-color: rgba(26, 29, 33, 1.0); color:#ffffff; font-size:14px;} 
#footer .footer-tleft {padding:35px 0 0 0; height:58px;} .footer-bleft span {display:block; margin:0 0 25px 0;}
#footer .footer-bleft {padding:20px 0 0 0;} #footer .footer-tright {padding:30px 0px 10px 30px; text-align:right; color:#ffffff; font-size:16px; font-weight:300; min-height:85px;} 
#footer .footer-bright {padding:0px 0 0 0;} #footer .footer-tmiddle {text-align:center; padding:156px 0 0 0;} 
a.facebook-ic, a.skype-ic, a.linkedin-ic {margin:0 15px 0 0;}
.footer-tright .phone {padding:0 0 0 32px; font-size:26px; line-height:40px; margin:5px 0 15px 0; display:block; color:#ffffff;}  
a.mail {background-image:url(../img/mail.svg); background-repeat:no-repeat; background-position:left; padding:0 0 0 32px; font-size:16px; font-weight:400;}
}

/**** 1366px ****/           
@media only screen and (min-width: 980px){
/* headings */   
h1 {font-size:104px; line-height:124px; font-weight:400; margin:0 0 0px 0;}    
/* intro */
#intro{height: 86%; min-height:670px; display:block;}
#intro figure figcaption {top: 21%;}
.intro-links {padding:20px 0 0 0;} .button-wrapper{padding:20px 0 0 0; text-align:center;}
.scroll-btn{position:relative; z-index:9991; display:block; text-align:center; margin-top:-70px;}
.main-second-heading  {color:#ffffff; margin:0px 0 0 0;} 
.heading-description {padding:15px 0 0 0; width:80%; display:block;}
#main-services {height:24%;}


/********************************************************************************************* 

3.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 740px) and (max-width: 969px) {
 
}

/********************************************************************************************* 

4.  lt 720px 

*********************************************************************************************/ 

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

}

/*FIXES*/
.about-pic{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:305px;
}

.btn{
	display:inline-block;
	line-height:1;
	font-family:"Open Sans",sans-serif;
	font-weight:900!important;
	text-transform:uppercase;
	text-align:center;
	padding:23px 10px 25px;
	color:#fff!important;
	border-bottom:none!important;
}

.btn.read-more{
	font-size:14px;
	background-color:#f31455;
	width:260px;
}

.btn.read-more:hover{
	background-color:#e31753;
	color:#fff!important;
}

.our-tasks .wrapper{padding:40px 0 0;}

.our-tasks .task-block{
	width:33.3%;
	float:left;
	text-align:center;
}

.task-icon{margin: 0 auto 15px }

.task-name{padding-bottom:30px;}

.task-name-text{
	font-family:"Roboto Slab",sans-serif;
	color:#080808;
	font-size:24px;
	line-height:1;
	padding-bottom:20px;
}

.task-name-decore{
	width:55px;
	height:2px;
	background-color:#111;
}

.task-desc{
	color:#080808;
	font-size:14px;
	padding: 0 15px 0
}

.task-block .more-info{
	display:block;
	width:45px;
	height:45px;
	border-radius:50%;
	border:2px solid #00badc;
	margin:30px auto 0;
}

.task-block .more-info img{
	margin:14px auto 0;
}

.banner{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:0;
	text-align:center;
}

.banner.style-1 .overlay{
	background-color:rgba(17,17,17,0.87);
}

.banner.style-2 .overlay{background-color:rgba(170,4,52,0.8);}

.banner .column-12{padding:35px 0 30px;}

.banner-title{
	font-family:"Roboto Slab",sans-serif;
	font-size:37px;
	padding-bottom:25px;
	color:#fff;
}

.banner.style-2 .banner-title{padding-bottom:30px}

.banner-text{
	font-family:"Roboto Slab",sans-serif;
	font-size:21px;
	padding-bottom:35px;
	color:#fff;
}

.btn.contact{
	font-size:15px;
	width:300px;
	background-color:#00badc;
}

.btn.contact:hover{background-color:#07aac8;}

.branch-block{
	width:32%;
	margin-right:2%;
	background-color:#f7f7f7;
	position:relative;
	float:left;
}

.branch-block:nth-child(3n){margin-right:0;}

.branch-block:nth-child(n+4){margin-top:2%;}

.branch-name{padding:40px 0 45px 20px;}

.branch-name-text{
	color:#080808;
	font-size:20px;
	line-height:1;
	font-family:"Roboto Slab",sans-serif;
}

.branch-name-decore{
	width:65px;
	height:3px;
	background-color:#f31455;
	display:block;
	margin:25px 0 0;
}

.branch-desc{
	color:#2d2d2e;
	font-size:14px;
	line-height:1.3;
	padding: 0 30px 40px 20px;
}

.branch-icon{
	position:absolute;
	top:45px;
	right:30px;
}

.branch-block.main{
	background-color:inherit;
	text-align:center;
}

.branch-block.main .branch-name{padding:0 10px 40px;}

.branch-block.main .branch-name-text{font-size:37px;}

.branch-block.main .branch-name-decore{
	height:6px;
	width:95px;
	margin:20px auto 0;
}

.branch-block.main .branch-desc{
	padding:0 0 40px 0;
}

/*FIXES*/

/* decoration */
.list-decor-block{
	padding: 5px 10px;
	border: 1px solid #ababab;
}
.list-decor-under{
	border-bottom: 2px solid #f31455;
	padding-bottom: 10px;
	font-size: 18px;
}
.list-decor{
	font-size: 16px;
	border-bottom: 1px solid #ababab;
	border-left: 3px solid #ababab;
	padding: 5px 10px;
	border-right: 1px solid #ababab;
	border-top: 3px solid #ababab;
	border-radius: 5px;
	font-style: normal;
}
.list-decor-blue{
	color: #62a5a5;
}
.list-decor-red{
	color: #f31455;
}
.list-decor-title{
	text-transform: uppercase;
	font-size: 25px;
}
.list-decor-subtitle{
	font-size: 20px;
}
.number-decor{
	width: 100px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #ababab;
	margin-bottom: 3px;
}
/* decoration */