/******************************************
COLOR SCHEME STYLE
*******************************************/
/*:root {
    --text-orange:#ff8800;
    --text-gray:#575757;
	--text-darkblue:#00417C;
	--text-carrot:#FF4F00;
	
	--bg-orange:#ff8800;
    --bg-carrot:#FF4F00;
	--bg-violet:#5a457c;
	--bg-green:#c9db31;
    --bg-blue:#81B6E5;
    --bg-skyblue:#ccefff;
	--bg-hightblue:#6bb5f4;
	--bg-middleblue:#1876C1;
	--bg-darkblue:#00417C;
}*/

.o-bg--blue { background-color: #81B6E5; }
.o-bg--hightblue { background-color: #6bb5f4; }
.o-bg--skyblue { background-color: #ccefff; }
.o-bg--middleblue { background-color: #1876C1; }
.o-bg--darkblue { background-color: #00417C; }
.o-bg--cobalt { background-color: #d6dff5; }
.o-bg--lightcobalt { background-color: #e1e9fd; }
.o-bg--orange { background-color: #ff8800; }
.o-bg--light-orange {background-color:#ffb400;}
.o-bg--carrot { background-color: #FF4F00; }
.o-bg--violet { background-color: #5a457c;}
.o-bg--yellow { background-color: #f7d60d; }
.o-bg--green { background-color: #c9db31; }
.o-bg--olive { background-color: #f5facc; }
.o-bg--limegreen { background-color: #7ec700; }
.o-bg--gray { background-color: #ebebeb; }

.o-button--orange { background-color: #ff8800;}
.o-button--light-orange {background-color:#ffb400;}
.o-button--blue { background-color: #81B6E5; }
.o-button--skyblue { background-color: #ccefff; }
.o-button--middleblue { background-color: #1876C1; }
.o-button--darkblue { background-color: #00417C;}
.o-button--carrot { background-color: #FF4F00; }
.o-button--violet { background-color: #5a457c; }
.o-button--green { background-color: #c9db31; }
.o-button--limegreen { background-color: #7ec700; }
.o-button--gray { background-color: #ebebeb; }
.o-button--darkgray { background-color: #c3c3c3; }
.o-button--cobalt { background-color: #d6dff5; }
.o-button--transparent { background-color: transparent; color:black;}
.o-button--white { 
    background-color: #fff; 
    color:#ff8800; 
    border:1px solid #ff8800; 
    box-sizing: border-box;
}

.o-button--white:hover {
    background-color: #ff8800; 
    color:#fff; 
    border:1px solid #ff8800; 
}

.o-text--white {color:white;}
.o-text--gray {color:#969696;}
.o-text--orange {color:#FF8700;}
.o-text--light-orange {color:#ffb400;}
.o-text--blue { color: #81B6E5; }
.o-text--skyblue { color: #ccefff; }
.o-text--middleblue { color: #1876C1; }
.o-text--darkblue { color: #00417C; }
.o-text--carrot { color: #FF4F00; }
.o-text--violet { color: #5a457c; }
.o-text--yellow { color: #f7d60d; }
.o-text--green { color: #c9db31; }
.o-text--olive { color: #f5facc; }
.o-text--limegreen { color: #7ec700; }
.o-text--black { color:black; text-decoration: none;}

.o-text--facebook {color:#2764b4;}
.o-text--vk {color:#45668e;}
.o-text--ok {color:#f7931e;}
.o-text--tw {color:#1da1f3;}
.o-text--gp {color:#dc4e41;}
.o-text--mailru {color:#f89c0e;}


.o-invert-color {color:white;}



/******************************************
PATTERNS
*******************************************/
.o-bg--pattern {background-image: url(../img/bgs/bg-transparent.png);}
.o-bg--pattern-yellow {	background: url(../img/bgs/bg-front-yellow.jpg) top center repeat #f7d60d;}
.o-bg--course {	background: url(../img/bgs/bg-course-intro.jpg) top center repeat #222; background-size: cover;}
.o-bg--webinar {
    background: url(../img/bgs/bg-webinar-intro.jpg) top center repeat #222;
    background-size: cover;
    margin-top: 34px;}
.o-bg--logomer-2 {	
    background-image: url(../img/bgs/bg-logomer-2.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto 800px;
}

.o-bg--darker {
    background-image: url(../img/bgs/bg-darker-body.png);
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

.o-bg--three-strips {
    background-image: url(../img/bgs/bg-three-strips.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.o-bg--darker-peak {
    position: relative;
    margin-top: 47px;
}

.o-bg--darker-peak:before {
    display: block;
    content: "\0020";
    background-image: url(../img/bgs/bg-darker-header.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 47px;
    height: 47px;
    position: absolute;
    left: 0;
    top:-47px;
    right: 0;
}

@media (max-width: 767px) {
    .c-layout .o-bg--darker {
        margin-left:-20px;
        margin-right:-20px;
    }
}