/*
Theme Name: Dr Vladimir Slutsker
Author: Dr Vladimir Slutsker
Author URI: http://www.vladimirsloutsker.com
Version: 1.0
*/

/* colours
blue -- #3380bf // light blue -- #4a8dc8 // grey (text) -- #49545b // light grey (background) -- #e1e8ec 
*/

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; position: relative }

html {width: 100%; height: 100%; background-color: #fff; font-family: 'Open Sans', sans-serif; background: #3786ba; background: -moz-linear-gradient(90deg, #1b6a9e 0%, #51a0d4 100%); background: -webkit-linear-gradient(90deg, #1b6a9e 0%,#51a0d4 100%); background: linear-gradient(90deg, #1b6a9e 0%,#51a0d4 100%);}
body {height: auto; letter-spacing: 0px; padding-left: 0px; padding-right: 0px; font-size: 16px; }

.content {background: #fff; margin-bottom: -1px;}

header {position: relative; top: 0px; left: 0px; width: 100%; height: 200px; background-color: #3180b4; background-image: url('media/header_bg.jpg'); background-repeat: no-repeat; background-position: center bottom; color: #fff; border: 0px solid red}


header navigation {position: absolute; right: 0px; top: 25px;}
header navigation .mainNav li {display: inline-block; padding: 0px 11px}
header navigation .mainNav li:after {content: ""; display: block; position: absolute; width: 1px; height: 16px; background: #4b8cb7; right: 0px; top: 5px;}
header navigation .mainNav li:last-of-type {padding-right: 0px}
header navigation .mainNav li:last-of-type:after {display: none}
header navigation .mainNav li a {font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; color: #fff; text-decoration: none; font-weight: 400; padding: 2px 6px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
header navigation .mainNav li a:hover {background: #fff; color: #3380bf; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}



/* ////////////////////////////////// */
/* general text styles*/
/* ////////////////////////////////// */

.sectionTitle {display: block; text-transform: uppercase; font-size: 28px; line-height: 30px; font-family: 'Open Sans', sans-serif; color: #3380bf; text-decoration: none; text-align: center; font-weight: 600; margin-bottom: 40px; letter-spacing: 0.5px}
.single-post .content .sectionTitle {text-align: left; margin-bottom: 20px; margin-top: 20px;}

p {font-size: 15px; line-height: 30px; font-family: 'Open Sans', sans-serif; color: #49545b; text-decoration: none; text-align: left; font-weight: 400; margin-bottom: 20px;}
p strong {color: #3380bf; font-weight: 700}

p.pullQuote {font-size: 28px; line-height: 34px; font-family: 'Open Sans', sans-serif; color: #4a8dc8; text-decoration: none; font-style: italic; text-align: left; font-weight: 300; margin-bottom: 60px; letter-spacing: 1px;}
p.pullQuote:before {content: "\201C"; display: block; position: absolute; left: -30px; top: -10px; font-family: Georgia,Times,Times New Roman,serif; font-size: 60px; line-height: 60px; width: 20px; height: 20px; color: #e1e8ec; border: 0px solid red}
p.pullQuote:after {content: "\201D"; display: block; position: absolute; right: -20px; top: -10px; font-family: Georgia,Times,Times New Roman,serif; font-size: 60px; line-height: 60px; width: 20px; height: 20px; color: #e1e8ec; border: 0px solid red}

.single-post .content p:first-of-type {font-size: 24px; line-height: 30px; font-family: 'Open Sans', sans-serif; color: #4a8dc8; text-decoration: none; font-style: italic; text-align: left; font-weight: 300; margin-bottom: 20px; letter-spacing: 1px;}
 
p.boldSub {font-size: 15px; line-height: 20px; font-family: 'Open Sans', sans-serif; color: #49545b; text-decoration: none; text-align: center; font-weight: 700; margin-bottom: 40px; padding-left: 10px; padding-right: 10px;}


.content ul {margin-bottom: 20px; border-left: solid 5px #e1e8ec; }
.content li {padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 20px; font-family: 'Open Sans', sans-serif; color: #4a8dc8; text-decoration: none; text-align: left; font-weight: 400; margin-bottom: 10px;}
.content li:before {content: "-"; position: absolute; display: block; color: #4a8dc8; font-size: 12px; line-height: 12px; left: 9px; top: 5px;}





/* ////////////////////////////////// */
/* SVGs & shapes*/
/* ////////////////////////////////// */

#mainlogo {position: absolute; top: 20px; left: 0px; fill: #fff;}
#mainlogoLink {position: absolute; display: block; width: 240px; height:30px; top: 20px; left: 0px;}

.headerBottom {position: absolute; width: 100%; height: 100px; bottom: 0px; left: 0px; border: 0px solid red}
.headerBottom svg {fill: #fff; width: 100%; height: 100%;}

.newsTop {position: absolute; width: 100%; height: 140px; top: -1px; left: 0px;}
.newsTop svg {fill: #fff; width: 100%; height: 100%;}

.newsBottom {position: absolute; width: 100%; height: 70px; bottom: 0px; left: 0px; border: 0px solid red}
.newsBottom svg {fill: #e1e8ec; width: 100%; height: 100%;}

.newsBottomUnder {position: absolute; width: 100%; height: 120px; bottom: 0px; left: 0px; opacity: 0.8, border: 0px solid red}
.newsBottomUnder svg {fill: #4a99cc; width: 100%; height: 100%;}

.footerTop {position: absolute; width: 100%; height: 50px; top: 0px; left: 0px; border: 0px solid red}
.footerTop svg {fill: #e1e8ec; width: 100%; height: 100%;}

.pageBottom {position: relative; width: 100%; height: 70px; bottom: 0px; left: 0px; border: 0px solid red}
.pageBottom svg {fill: #e1e8ec; width: 100%; height: 100%;}

.shadowUp {-webkit-filter: drop-shadow(0px -10px 5px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0px -10px 5px rgba(0, 0, 0, 0.1));}


/* ////////////////////////////////// */
/* Main pane */
/* ////////////////////////////////// */

.mainHomePic {display: block; width: 40%; height: auto; float: left; margin-right: 40px; margin-bottom: 20px;}
.mainHomePic img {display: block; width: 100%; height: auto;}

/* ////////////////////////////////// */
/* News pane */
/* ////////////////////////////////// */

#news {display: block; position: relative; width: 100%; background: #3483b7; background: -moz-linear-gradient(25deg, #1a699d 0%, #4695c9 100%); background: -webkit-linear-gradient(25deg, #1a699d 0%,#4695c9 100%); background: linear-gradient(25deg, #1a699d 0%,#4695c9 100%); margin: 0px; padding-top: 130px; padding-bottom: 130px; padding-left: 0px; padding-right: 0px}
#news h2.sectionTitle {color: #fff;}

.newsItems {display: -webkit-flex; display: flex; padding: 0px; margin-bottom: 40px}

.newsBlock {display: inline-block; text-align: left; color: #fff; width: 19.9%; border-right: 1px solid #c3c5c6; padding-right: 1.5%; padding-left: 1.7%; padding-bottom: 50px; margin-top: 40px; margin-right: 0px; margin-left: 0px; vertical-align: text-top;}
.newsBlock:last-of-type {border-right: none}
.newsBlock:first-of-type {padding-left: 1%}
.newsBlock .date {display: block; font-size: 11px; line-height: 12px; text-transform: uppercase; margin-bottom: 10px; font-weight: 300}
.newsBlock .title {display: block; color: #fff; font-size: 16px; line-height: 18px; font-weight: 600; text-transform: uppercase; text-decoration: none; margin-bottom: 10px;}
.newsBlock .news {display: block; color: #fff; font-size: 11px; line-height: 12px; font-weight: 300; font-style: italic; text-transform: uppercase; text-decoration: none; margin-bottom: 10px;}
.newsBlock .readMore {display: block; position: absolute; bottom: 0px;}

#news .seeAll {text-align: center}
#news h2 {margin-bottom: 20px;}
#news p.boldSub {color: #fff;}



/* ////////////////////////////////// */
/* Contact pane */
/* ////////////////////////////////// */

#contact {display: block; position: relative; width: 100%; background: #e1e8ec; margin-bottom: 0px; padding: 20px; text-align: center}
#contact h3 {margin-bottom: 20px;}


/* Form Styles */
.wpcf7 .formwrapL {display: inline-block; position: relative; width: 49.9%; float: left; padding-right: 5px; z-index: 10; border: 0px solid red}
.wpcf7 .formwrapR {display: inline-block; position: relative; width: 49.9%; float: right; padding-left: 5px; z-index: 10; border: 0px solid red}

.wpcf7 input {border: 0px; font-size: 14px; color: #1d1d1d; width: 100%; height: 36px; margin-bottom: 10px; padding-left: 6px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-left: 4px solid #fff;}
.wpcf7 textarea {border: 0px; width: 100%; height: 128px; margin-bottom: 5px; padding-left: 6px; padding-top: 5px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-left: 4px solid #fff;}
.wpcf7 .wpcf7-file {border: 0px; padding-left: 0px}
.wpcf7 input[type="submit"] {position: absolute; clear: both; left: 50%; margin-left: -60px; width: 120px; background: #61a8d7; padding: 7px 20px 7px 20px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 12px; border-left: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.wpcf7 .submitButton {display: inline-block; width: 120px; height: 36px; font-family: "jubilat-n5", "Jubilat", serif; font-weight: 500; font-size: 14px; line-height: 14px; padding: 8px 40px 8px 20px; border: 1px solid #fff; color: #fff; background-color: #2CB2E3; background-image: url("media/submitButton_arrow.png"); background-repeat: no-repeat; background-position: 95px 10px; background-size: 13px 13px; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}
.wpcf7 .submitButtonWrap, .wpcf7 .submitButtonWrapBl {display: inline-block; width: 122px; height: 38px; float: right}
.wpcf7 .submitButtonWrap:after {content: ""; border: 0px solid red; display: block; position: absolute; right: 2px; bottom: 2px; width: 13px; height: 13px; background-image: url("media/submitButtonWrapGreyBg-corner.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 13px 13px;}
.wpcf7 .submitButtonWrapBl:after {content: ""; border: 0px solid red; display: block; position: absolute; right: 2px; bottom: 2px; width: 13px; height: 13px; background-image: url("media/submitButtonWrapBlueBg-corner.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 13px 13px;}

.wpcf7 .submitButton:hover {background-color: #fff; color: #2CB2E3; background-position: 125px 10px; padding: 8px 30px 8px 30px;}


.wpcf7 input[type="submit"]:hover {cursor: pointer; cursor: hand; background: #fff; color: #61a8d7; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.wpcf7 input[type="submit"]:active {color: #990099; outline: none;}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {background: #61a8d7; color: #ffffff; outline: none; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}


span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; margin-top: -5px; margin-bottom: 5px; border: 0px solid yellow}
.blueBg span.wpcf7-not-valid-tip { color: #fff; }

div.wpcf7-validation-errors { border: 0px solid #f7e700; }
div.wpcf7-response-output { display: block; margin: 0em 0em 0em; padding: 0em 0em; border: 0px solid pink; clear: both; z-index: 1}

-webkit-input-placeholder {color: #b4e6f9 !important;}
-moz-placeholder {color: #b4e6f9 !important;}
-moz-placeholder {color: #b4e6f9 !important; }
-ms-input-placeholder {color: #b4e6f9 !important;}

/* ////////////////////////////////// */
/* News page */
/* ////////////////////////////////// */
.newsContainer {display: block; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px}

.newsPageItem {display: inline-block; border-bottom: 1px solid #e1e8ec; padding-bottom: 40px; width: 31%; vertical-align: text-top; margin-bottom: 30px; margin-right: 3.5%;}
.newsPageItem .readMore {position: absolute; bottom: 10px; }

.newsPageItem:nth-child(3n+3) {margin-right: 0}

.newsPageItem .date {display: block; color: #3380bf; font-size: 14px; font-weight: 700}
.newsPageItem .news {display: block; font-style: italic; color: #9a9a9a; font-size: 14px; line-height: 15px; margin-top: 10px;}

.newsPageItem .blockButton.readMore:hover {background: #12699f; color: #fff}

/* Footer stylings */
footer {display: block; width: 100%; padding: 50px 0px 50px 0px; color: #fff; min-height: 200px; margin-top: -1px;}
footer .legal {margin-top: 30px; font-size: 12px; line-height: 14px; font-weight: 400; text-align: center;}


/* ////////////////////////////////// */
/* Buttons and links */
/* ////////////////////////////////// */

.blockButton, .blockButtonLarge, p .blockButton, p .blockButtonLarge {display: inline-block; min-width: 120px; background: #61a8d7; padding: 10px 20px 10px 20px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 12px; line-height: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.blockButtonLarge {min-width: 240px;}

.blockButton:hover, .blockButtonLarge:hover {background: #fff; color: #61a8d7; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.blockButton.blockButtonOnWHite:hover {background: #12699f; color: #fff}







@media (max-width: 1399px) {
	
}

@media (max-width: 1299px) {
	
}

@media (max-width: 1199px) {
	
}

@media (max-width: 867px) {
	header navigation {position: fixed; height: 100%; width: 200px; right: -230px; top: 0px; border: 0px solid red; padding-top: 60px; background: #fff; z-index: 1; -webkit-box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.15);}
	header navigation .mainNav li {display: block; border-bottom: 1px solid #e1e8ec; padding: 0}
	header navigation .mainNav li:first-of-type {border-top: 1px solid #e1e8ec;}
	header navigation .mainNav li:after {content: ""; display: none;}
	header navigation .mainNav li:last-of-type {padding-right: 0px}
	header navigation .mainNav li:last-of-type:after {display: none}
	header navigation .mainNav li a { display: block; font-size: 14px; line-height: 20px; text-align: right; font-family: 'Open Sans', sans-serif; color: #3380bf; text-decoration: none; font-weight: 400; padding: 12px 47px 12px 17px; width: 100%; height: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
	header navigation .mainNav li a:hover {background: #3380bf; color: #fff;-moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}

	.newsItems {border: 0px solid red; flex-wrap: wrap; justify-content: center }
	.newsBlock {width: 33.33%; padding-right: 1.7%; padding-left: 1.7%;}
	.newsBlock:nth-child(3n) {border-right: none;}	
}

@media (max-width: 667px) {
	.newsPageItem {display: inline-block; border-bottom: 1px solid #e1e8ec; padding-bottom: 40px; width: 100%; vertical-align: text-top; margin-right: 0%;}
	
	#contact {padding: 0px;}
	#contact .resGo {display: none;}
	#contact .span_4 {width: 100%; margin-left: 0px;}
		
}

@media (max-width: 467px) {
	p.pullQuote {font-size: 24px; line-height: 28px; margin-bottom: 40px;}

	
	.mainHomePic {width: 100%; height: auto; float: non; margin-right: 40px; margin-bottom: 20px;}
	
	.newsItems {border: 0px solid red;}
	.newsBlock {width: 100%; border-right: none; border-bottom: 1px solid #c3c5c6; padding-bottom: 60px; margin-top: 20px}
	.newsBlock:nth-child(3n) {border-right: none;}	
	.newsBlock .readMore {display: block; position: absolute; bottom: 20px;}

}


@media (max-width: 399px) {	
		

}

@media (max-width: 320px) {
	

}