/**
 * ===================================================================
 *  # v1.0 Main Stylesheet
 *  url: -
 * -------------------------------------------------------------------
 *
 * TOC:
 * a. webfonts and iconfonts
 * b. base style overrides
 * d. buttons
 * e. common styles
 *
 * 01. header styles
 * 02. intro section
 * 06. second section
 * 05. features section

 * 07. call-to-action-form section
 * 08. testimomials section
 * 09. documents section
 * 10. call-to-action section
 * 11. map section
 * 12. partners section
 * 13. contacts section
 * 14. footer
 *
 * go to top
 *
 * ===================================================================
 */


/**
 * ===================================================================
 * a. webfonts and iconfonts
 * -------------------------------------------------------------------
 */
@import url("flaticon/flaticon.css");
/* @import url("fonts.css"); */


/**
 * ===================================================================
 * b. base style overrides
 * -------------------------------------------------------------------
 */
html {
	font-size: 10px;
}
@media only screen and (max-width:1024px) {
	html {
	font-size: 9.375px;
	}
}
@media only screen and (max-width:768px) {
	html {
	font-size: 10px;
	}
}
@media only screen and (max-width:400px) {
	html {
	font-size: 9.375px;
	}
}

html, body {
	height: 100%;
}
body {
	background: #fff;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.6rem;
	line-height: 3rem;
	color: #4c4c4c;
}


/**
 * links
 */
a, a:visited {
	color: #e5272b;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ff4f77;
	text-decoration: underline;
}

/**
 * typography
 */
h1, h2, h3, h4, h5 {
	color: #000;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 1.6rem;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}
h3, h4{
	margin-bottom: 1.4rem;
}
h5, h6 {
	font-weight: bold;
	margin-bottom: 1.0rem;
}

h1 {
	font-size: 4.8rem;
	line-height: 1.25;
}
h2 {
	font-size: 3.6rem;
	line-height: 1.35;
}
h3 {
	font-size: 2.8rem;
	line-height: 1.5;
}
h4 {
	font-size: 2.4rem;
	line-height: 1.70;
}
h5 {
	font-size: 1.8rem;
	line-height: 1.75;
}

@media only screen and (max-width:600px) {
	h1 {
	font-size: 1.8rem;
	}
	h2 {
	font-size: 1.7rem;
	}
	h3 {
	font-size: 1.6rem;
	}
	h4 {
	font-size: 1.4rem;
	}
	h5 {
	font-size: 1.3rem;
	}
}
p img {
	margin: 0;
}
p.lead {
	font-family: Georgia, serif;
	font-size: 1.8rem;
	line-height: 1.8;
	color: #737373;
}
@media only screen and (max-width:768px) {
	p.lead {
	font-size: 1.7rem;
	}
}

/**
 * spacing
 */
button, .button {
	margin-bottom: 1.2;
}
fieldset {
	margin-bottom: 1.5rem;
}
input,
textarea,
select,
pre,
blockquote,
figure,
table,
p,
ul,
ol,
dl,
form,
.fluid-video-wrapper,
.iw-custom-select {
	margin-bottom: 3rem;
}

/**
 * block grids paddings
 */
.bgrid {
	padding: 0 20px;
}
@media only screen and (max-width:1024px) {
	.bgrid {
		padding: 0 18px;
	}
}
@media only screen and (max-width:768px) {
	.bgrid {
		padding: 0 15px;
	}
}
@media only screen and (max-width:600px) {
	.bgrid {
		padding: 0 10px;
	}
}
@media only screen and (max-width:400px) {
	.bgrid {
		padding: 0;
	}
}


/**
 * ===================================================================
 * d. buttons
 * -------------------------------------------------------------------
 */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border: 1px solid #ccc;
	border-radius: 6px;
	display: inline-block;
	font-size: 1.6rem;
	font-family: Georgia, serif;
	height: 4rem;
	line-height: 3.8rem;
	padding: 0 2rem;
	background: #fff;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	background: #ff4f77;
	color: #fff;
	outline: 0;
	text-decoration: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/**
 * ===================================================================
 * e. common styles
 * -------------------------------------------------------------------
 */
section {
	background: #fff;
	padding-top: 8rem;
	padding-bottom: 8rem;
}


.section-intro {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/**
 * responsive:
 * common styles
 * -------------------------------------------------------------------
 */
@media only screen and (max-width:768px) {
	section {
	padding-top: 6rem;
	padding-bottom: 6rem;
	}
}
@media only screen and (max-width:600px) {
}
@media only screen and (max-width:400px) {
}


/**
 * ===================================================================
 * 01. header
 * -------------------------------------------------------------------
 */
header {
	background: #000;
	left: 0;
	top: 0;
	position: relative;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 100%;
	z-index: 600;
height: 130px;	
}

header .row {

}
header .col-md-4 {
margin-top: 16px;
}
header .col-md-8 {
margin-top: 26px;

}
header .logo {
 
}
header .logo a {
	background: url("../images/logonew.png") no-repeat center;
	background-size: cover;
	border: none;
	color: transparent;
	display: block;
	font: 0/0 a;
	height: 100px;
    width: 406px ;
	max-width:100%;
}

/**
 * responsive:
 * header section
 * -------------------------------------------------------------------
 */


/* primary navigation */
#main-nav-wrap, .main-navigation {
	margin: 0;
	padding: 0;
}

/* hide toggle button */
a.menu-toggle {
	display: none;
}

/* main-nav-wrap */
#main-nav-wrap {
	font-size: 16px;
 
}
.main-navigation {
	min-height: 80px;
	display: inline-block;
	width: auto;
	text-align: right;
}
.main-navigation li {
	 
	position: relative;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* navigation links */
.main-navigation li a {
	display: block;
	padding: 20px 10px 0px 10px;
	line-height: 15px;
	text-decoration: none;
	text-align: left;
	color: #fff;
	position: relative;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.main-navigation .dropdown li a {
 
	padding: 20px 10px 20px 10px;
 
}
.main-navigation li a:active {
	background-color: transparent  ;
}
.main-navigation li a:hover {
	color: #ff4f77;
}
.main-navigation li.current > a {
	color: #ff2d55;
}
        .drop{
            display: none;
            position: absolute;
            background: #000;
        }
        .drop li{
            display: block;
            height: auto;
            width: 200px;
        }
        .dropdown:hover .drop{
            display: block;
        }
        .dropdrop{
            display: none;
            position: absolute;
            background: #000;
            top: 0px;
            left: 100%;
        }
        .drp:hover .dropdrop{
            display: block;
        }

 

/* make sure the menu is visible on larger screens
@media only screen and (min-width:769px) {
	#main-nav-wrap ul.main-navigation {
		display: block !important;
	}
}*/


/**
 * ===================================================================
 * 6. call-to-action
 * -------------------------------------------------------------------
 */
#cta {
	background: #e3e3e3;
	 
}


/**
 * ===================================================================
 * Standart page
 * -------------------------------------------------------------------
 */
#standartpage {
	 
 
}
section#standartpage{
	
	padding:0px!important;
}
#standartpage .content {
 
	 
	width: 100%;
	vertical-align: middle;
	padding: 8rem 0;
	
	 
}
#standartpage .main-content{
	padding: 8rem 15px;
	
}
#standartpage h2{
	font-size: 2.2rem;
    line-height: 1.35;
	color: #900;
}
.sidebar-right{
background: #dddde0;color: #232425;	
}

.grey-wrap{
	background: rgba(0,0,0,0.5);
	min-height:90px;	
}
.grey-wrap h1{
	color:#fff;    
	font-size: 3.8rem;    
	margin: 1.6rem;	
	
} 
.greybar{
    background: rgba(0,0,0,0.5);
    width: 100%;	
	height:90px;
}
.sidebar-menu li.current  {
	position:relative;
padding-left:20px;	
	
}   

.sidebar-menu li.current:before{
	 position:absolute;
	 left:0px;
	height: 100%;
    display: flex;
	align-items:center;
	content:'❱';
	font-size: 24px;
	color: #c6282b;
}   

.bg1{
 background: url(../images/concrete_seamless.png);		
}


/**
 * ===================================================================
 * 7. footer
 * -------------------------------------------------------------------
 */
footer {
	background: #000;
	color: #fff;
	padding-top: 10rem;
}
footer ul {
	margin-left: 0;
}
footer ul li {
	padding-left: 0;
}
footer ul li {
	list-style: none;
}
footer a,
footer a:visited,
footer ul a,
footer ul a:visited {
	color: #fff;
}
footer a:hover,
footer a:focus,
footer ul a:hover,
footer ul a:focus {
	color: #ff2d55;
}
.footer-logo {
	display: inline-block;
	font-size: 3rem;
	line-height: 1.5;
}
.social {
	background-position: center;
	background-size: contain;
	border-radius: 2px;
	border: none;
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 1rem;
}
.soc a {font-size: 30px;display: inline-block;margin: 0px 2rem; }

.footer-bl-wrap > div{
float: left;
padding: 0 20px;
}
.contact-bl{
width:23.33333%;	
}
.menu-bl{
width:76.66666%;		
}

.menu-bl  > ul {
display:inline-block;vertical-align:top;	
}
.menu-bl .m-col-1{width:20%;}
.menu-bl .m-col-2{width:32%;margin-left:4%;}
.menu-bl .m-col-3{width:24%;}
.menu-bl .m-col-4{width:16%;margin-left:2%;}
 
/* copyright */
.copyright {
	background: #000;
	padding: 3rem 0;
	text-align: center;
}
.copyright span {
	display: inline-block;
}
.copyright span::after {
	content: "|";
	display: inline-block;
	padding: 0 1rem 0 1.2rem;
	color: #222;
}
.copyright span:last-child::after {
	display: none;
}

.fa-facebook{color:#3b5998;}
.fa-youtube{color:#e62117;}
.fa-twitter{color:#41abe1;}
.fa-linkedin{color:#0073b0;}


/**
 * ===================================================================
 * go to top
 * -------------------------------------------------------------------
 */
#go-top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 600;
	display: none;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	height: 66px;
	width: 60px;
	line-height: 66px;
	text-align: center;
	background: #ff2d55;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#go-top a i {
	font-size: 20px;
	line-height: inherit;
}
#go-top a:hover {
	background: #ff4f77;
	color: #fff;
}

@media only screen and (max-width:1024px) {
	header .col-md-8 {
width: 100%;
float: none;
}
.menu-bl > ul.m-col-1{width:48%;}
.menu-bl > ul.m-col-2{width:48%;margin-left: 0;}
.menu-bl > ul.m-col-3{width:48%;}
.menu-bl > ul.m-col-4{width:48%;margin-left: 0;}
	.drop {
    display: block;
    position: relative;
    background: transparent;
	margin-left: 30px;
}	
.grey-wrap h1 {
    color: #fff;
    font-size: 2.8rem;
    margin: 1.6rem;
}	
	header .top-bar {
		display: none;
	}
	#main-nav-wrap {
		display: block;
		width: 100%;
		position: absolute;
		top: 80px;
		right: 0;
	}
	a.menu-toggle {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -20px;
	}
	a.menu-toggle span {
		display: block;
		width: 24px;
		height: 2px;
		margin-top: -1.5px;
		position: absolute;
		right: 8px;
		top: 50%;
		bottom: auto;
		left: auto;
		background-color: #ff2d55;
		-moz-transition: background 0.2s ease-in-out;
		-o-transition: background 0.2s ease-in-out;
		-webkit-transition: background 0.2s ease-in-out;
		-ms-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
	}
	a.menu-toggle span::before,
	a.menu-toggle span::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: inherit;
		left: 0;
		-moz-transition-duration: 0.2s, 0.2s;
		-o-transition-duration: 0.2s, 0.2s;
		-webkit-transition-duration: 0.2s, 0.2s;
		-ms-transition-duration: 0.2s, 0.2s;
		transition-duration: 0.2s, 0.2s;
		-moz-transition-delay: 0.2s, 0s;
		-o-transition-delay: 0.2s, 0s;
		-webkit-transition-delay: 0.2s, 0s;
		-ms-transition-delay: 0.2s, 0s;
		transition-delay: 0.2s, 0s;
	}
	a.menu-toggle span::before {
		top: -8px;
		-moz-transition-property: top, transform;
		-o-transition-property: top, transform;
		-webkit-transition-property: top, transform;
		-ms-transition-property: top, transform;
		transition-property: top, transform;
	}
	a.menu-toggle span::after {
		bottom: -8px;
		-moz-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		-webkit-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	.menu-toggle.is-clicked span {
		background-color: rgba(255, 255, 255, 0);
	}
	.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after {
		background-color: #ff2d55;
		-moz-transition-delay: 0s, 0.2s;
		-o-transition-delay: 0s, 0.2s;
		-webkit-transition-delay: 0s, 0.2s;
		-ms-transition-delay: 0s, 0.2s;
		transition-delay: 0s, 0.2s;
	}
	.menu-toggle.is-clicked span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-toggle.is-clicked span::after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.main-navigation {
		background: #e3e3e3;
		padding: 20px 40px 20px 40px;
		margin: 0;
	 
		height: auto;
		clear: both;
		display: none;
		    
	}
	.main-navigation > li {
		display: block;
		height: auto;
		text-align: left;
		border-bottom: 1px dotted rgba(200, 200, 200, 0.08);
		padding: 0;
	}
	.main-navigation > li:first-child {
		border-top: 1px dotted rgba(200, 200, 200, 0.08);
	}
	.main-navigation li a {
		display: block;
		color: #000;
		width: auto;
		height: 70px;
		padding: 20px 10px;
		line-height: 30px;
		border: none;
		     
	}
	.main-navigation li a:hover {
		color: #222;
	}
	.main-navigation li.current > a {
		background: none;
		color: #ff2d55;
	}
	.main-navigation li.current > a:after {
		display: none;
	}
}
@media all and (max-width:768px) {
	header {
		top: 0;
		padding: 0;
	}
	header .row {
		height: 80px;
	}
	.contact-bl {
    width: 100%;
}
	
}
@media all and (max-width:480px) {
.menu-bl > ul.m-col-1{width:100%;}
.menu-bl > ul.m-col-2{width:100%;margin-left: 0;}
.menu-bl > ul.m-col-3{width:100%;}
.menu-bl > ul.m-col-4{width:100%;margin-left: 0;}
header .logo a {
    background: url(../images/logonew.png) no-repeat center;
    background-size: cover;

    height: 50px;
    width: 203px;
    max-width: 100%;
}
#main-nav-wrap {
    top: 0px;
}
header {height: auto;} 
}