/*** fonts ***/
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&display=swap');

@font-face {
font-family: 'social-networks';
src: url('fonts/social-networks.woff?v=3') format('woff'), /* Modern Browsers */
	 url('fonts/social-networks.ttf?v=3')  format('truetype'); /* Safari, Android, iOS */
	font-display: swap;
}

@font-face {
font-family: 'mfn-icons';
src: url('fonts/mfn-icons.woff?v=3') format('woff'), /* Modern Browsers */
	 url('fonts/mfn-icons.ttf?v=3')  format('truetype'); /* Safari, Android, iOS */
	font-display: swap;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {max-width: 100% !important}

/*** Reset  ***/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent; font-family: "Roboto", Arial, Tahoma, sans-serif; font-weight: 400;}
b,strong {font-weight: 600}
body{line-height:1.23; font-size:12px;overflow-x:hidden;}
body,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; display:inline-block}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}
select{appearance:none; -moz-appearance:none; -webkit-appearance:none;}
*:focus {outline:none}
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, button, input[type="submit"], input[type="radio"]{text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover{text-decoration:underline}

/*** General  ***/
button, input[type="submit"]{background:#333; color:#fff; text-transform:uppercase;}
button:hover, input[type="submit"]:hover{background:#333}
p{font-size:16px; line-height:19px; color:#333}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ appearance:none; -moz-appearance:none; -webkit-appearance:none; }
input[type="number"]{-moz-appearance: textfield;}

/*** Standard Checkbox & Radio Styles ***/
label:hover:before{border:1px solid #f4f4f4!important}
[type="radio"]{display:none;}
[type="radio"] + label{font-size:16px; font-weigth:500}
[type="radio"] + label span{display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;cursor:pointer; border:1px solid #aaa; background:#f8f8f8; box-shadow:inset 0 1px 3px rgba(0,0,0,.3);}
[type="radio"]:checked + label span{background-color:#900}
[type="radio"] + label span,input[type="radio"]:checked + label span{-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}
input::-webkit-input-placeholder {color: #999;  font-weight:500; text-transform: uppercase; font-size:13px}
input::-moz-placeholder { color: #999;  font-weight:500; text-transform: uppercase; font-size:13px}
input:-ms-input-placeholder { color: #999;  font-weight:500; text-transform: uppercase; font-size:13px}
input::-moz-placeholder { color: #999;  opacity: 1;  font-weight:500; text-transform: uppercase; font-size:13px}

/*** Standard Columns ***/
.flex-group{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; justify-content: space-between; align-items: stretch;  align-content: stretch;  -webkit-box-align: stretch; -webkit-box-orient: horizontal;  -webkit-box-direction: normal; -ms-flex-flow: row wrap;  flex-flow: row wrap;  box-sizing: border-box; position:relative;}
.flex-group::after{content: "";  flex: 1 1 100%;}
.cols-5::after{max-width: 18%;} .cols-5 > *{width:18%}
.cols-4::after{max-width: 23%;} .cols-4 > *{width:23%}
.cols-3::after{max-width: 31%;} .cols-3 > *{width:31%}
.cols-2::after{max-width: 48%;} .cols-2 > *{width:48%}
.cols-1 > *{width:100%}

@media screen and (max-width:767px){
	.cols-3::after{max-width: 100%;} .cols-3 > *{width:100%}
}
@media screen and (min-width:768px) and (max-width:989px){
	.cols-3::after{max-width: 48%;} .cols-3 > *{width:48%}
}

/*** Standard Alignment ***/
.center{text-align:center; } .justify{text-align:justify; } .left{float:left} .right{float:right} .align-left{text-align:left;} .align-right{text-align:right;}

/*** Standard Form Dimensions ***/
.form-group .label{display:block; margin-bottom:5px;}
.select{position:relative; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height:40px;}
.select select{background:transparent; border:none; width:100%; height:40px; color:#4BA4D8; font-weight:bold; z-index:1; position:relative; cursor:pointer}
.select select::-ms-expand{display: none;}
.select > span:last-of-type:after{content:">"; font-family:"default"; color:#EC207B; position:absolute; right: 14px; top: 12px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index:0}
button, input[type="submit"]{border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, input[type="number"], select{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #eee; height:40px; line-height:40px; width:100%; padding-left:5px; color:#333}
textarea{ max-width:100%; padding:10px; min-height:100px}

@media screen and (max-width:479px){
	.form-group button, .form-group input[type="submit"]{min-width:initial; width:100%}
}
@media screen and (min-width:480px) and (max-width:767px){
	.form-group button, .form-group input[type="submit"]{min-width:70px;}
}
@media screen and (max-width:767px){
	.form-group input[type="text"]{width:100%}
}
@media screen and (min-width:768px) and (max-width:989px){
	.form-group button, .form-group input[type="submit"]{min-width:100px;}
}

/*** Others Generals ***/
.container{max-width:1240px; margin:0 auto;}
.auto{margin:auto; float:none}
.absolutehidden{position:absolute; top:-9999px; left:-9999px}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
.overlay { background-color: #000; height: 100%;  left: 0;  opacity: 0.70; filter: alpha(opacity =70); position: fixed; top: 0; width: 100%;z-index:5 !important;}
.rel{position:relative}
.hidden{display:none}
.wp-caption {margin-bottom: 1.75em;max-width: 100%;}
.wp-caption img[class*="wp-image-"], .content-column img{display: block;	margin:auto; max-width:100%; height:auto}
.wp-caption .wp-caption-text {	color: #686868;font-size: 13px;font-size: 0.8125rem; line-height: 1.6153846154;	padding-top: 0.5384615385em; margin:0 10px; text-align:center}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.content-column{ padding:10px}
.sep-slash:after, .sep-hyp:after{content:"/"; margin:0 3px}
.sep-hyp:after{content:"-"}

@media screen and (max-width:1023px){
	.sep-slash:after, .sep-hyp:after{content:""; display:block}
	.container{max-width:100%}
	body #showmenu{ text-decoration:none; line-height:60px; padding:0 20px; font-size: 25px; position:relative; z-index:6}
}
@media screen and (min-width:1024px){
	body #showmenu{display:none}
}


/*** start ***/
a{color:#738AB3}
a:hover, a:active{color:#AFB4BF;}
b, h5{font-weight:700}
body{background:#FCFCFC; font-size: 14px;line-height: 22px; overflow-x:hidden; min-width:320px; position:relative}
body.opened{left:200px; overflow-y:hidden}
body .wrapper > *{padding: 0 15px;}
body .wrapper > #footer{padding: 0}
.bg-ebebeb{background:#ebebeb}
.bg-white{background:#fff}
.wrapper{background:#FBFBFB; box-shadow:-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); margin-top:25px}
h1, h2, h3, h4{font-size: 22px; line-height: 25px; color: #444; font-family: "Titillium Web", Arial, Tahoma, sans-serif; font-weight: 300;}
h2{font-size: 30px; line-height: 30px;}
h3, h4{font-size:21px; line-height:23px}
h5{font-size:16px; line-height:32px; color:#626262}
h2, h4{margin-bottom: 15px;}
p{text-align:justify; color: #626262; margin:0 0 10px}
span.wpcf7-list-item{margin-left:0}
div.wpcf7{margin:30px 0}
.form-group [type="submit"]{padding: 11px 20px; background:none; border:2px solid #738AB3; color:#738AB3; font-weight:700}

/*** header ***/
#header .logo{padding:30px; border-bottom:1px solid rgba(0,0,0,.08); display:block}
#header nav ul li{float:left; position:relative;}
#header nav ul li a{line-height:60px; padding:0 20px; font-size: 14px}
#header nav ul li a span{font-weight:600;  font-family: 'Titillium Web', sans-serif;}
#header nav > ul > li > a:before{ -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";height: 4px;background: #AFB4BF;top: -4px;left: 0;right: 0;margin: auto; position:absolute; opacity:0}
#header nav > ul > li.current-menu-item a:before, #header nav > ul > li:hover > a:before{opacity:1}
#header nav ul li.menu-item-has-children:after{content: "";display: block;width: 0;height: 0;position: absolute;top: 50%;right: 0; margin-top: -2px; border-top: 5px solid #ccc;border-left: 5px solid transparent;border-right: 5px solid transparent;}
#header nav ul li.menu-item-has-children ul{display:none; position:absolute; left:0; min-width:300px; background:#F2F2F2; z-index: 2;}
#header nav ul li.menu-item-has-children:hover ul{display:block; }
#header nav ul li.menu-item-has-children ul li {float:none; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
#header nav ul li.menu-item-has-children ul li a{line-height:20px; padding:10px; width:100%}
#header nav ul li.menu-item-has-children ul li a:hover{text-decoration:none; background:rgba(0, 0, 0, 0.05);}
#header .search{z-index:6}
#header .search #search_button{padding: 0 20px;line-height: 60px; font-size:20px}
#header .search .search_wrapper{position:absolute; right:60px; top:10px; width:250px; display:none}

.owl-stage img {max-width: 100%;}

@media screen and (max-width:767px){
 #homeslider {text-align: center; margin:0 auto 25px auto}
}

@media screen and (min-width:768px){
 #split2home {display:flex; justify-content: space-between;}
 #homeslider {width:33%}
 #homecontent {width:65.5%}
}

@media screen and (max-width:479px){
	#header .logo img{max-width:100%}
	#header .search .search_wrapper{right: 20px;top: 60px;}
}
@media screen and (max-width:1023px){
	#header nav {display:none; position: fixed;left: 0;top: 0;z-index: 6;background: #fff;width: 200px;height: 100%; overflow:hidden}
	#header nav ul {overflow-y:scroll; height:100%}
	#header nav ul li a{width:100%}
	#header nav ul li a:before{background:none}
	#header nav ul li.menu-item-has-children ul, #header nav ul li.menu-item-has-children:hover ul{display:none}
	#header nav ul li.menu-item-has-children::after{top: 30px;right: 15px;}
	#header nav ul li{float:none}
	#header nav ul li.menu-item-has-children ul{position:relative; min-width:0}
}

/*** content ***/
.home #main .widgettitle{display:none}
.home #main .question li{line-height:70px;}
.home #main .post-1673 li{line-height:80px;}
#main .entry-content, #main .entry-header{padding:10px}
#main .entry-content .child-of{margin:20px 0}
#main h3{font-weight: 600; font-style: italic;}
#main .entry-content ul, #main .entry-content ol{ color: #737E86; padding:0 20px 20px 15px}
#main .entry-content li{margin-bottom:5px}
#main .entry-content .child-of > div{margin-bottom: 50px;}
#main .entry-content .form-group > div{margin-bottom:20px}
#main ul.ui-tabs-nav {list-style:none; width:100%; text-align:center; border-bottom:1px solid rgba(0,0,0,.08); padding:0}
#main .ui-tabs-nav li{display:inline-block; margin-bottom:0}
#main .ui-tabs-nav li.ui-tabs-active{border-bottom:2px solid #445F8D}
#main .ui-tabs-nav li a{padding:15px 20px; color:#333}
#main .ui-tabs-nav li.ui-tabs-active a{color:#445F8D}
#main #tabs div[id*="tabs-"]{width:100%; padding:20px 0}
#main iframe{margin:auto; max-width:100%;width:100% }
#main > .flex-group .content{width:68%}
#main > .flex-group .widget{width:28%; border:1px solid rgba(0,0,0,.08); background:rgba(0,0,0,.01); padding:30px; margin: 10px 0 30px 0;}
#main .list-content article{padding:10px}
#main .list-content article h4{margin-bottom:5px}
#main .navigation.pagination{text-align:center; margin:20px 0}
#main .navigation.pagination a, #main .navigation.pagination .current{padding:10px}
#main .screen-reader-text{display:none}
#main .time, #main .comments{color:#a8a8a8; margin:0 10px 0 0}
#main .widget .entry-title a{color:#444; font-size: 16px; font-weight: 600;}

@media screen and (max-width:767px){
	.home #main .question li, .home #main .post-1673 li{line-height:initial;}
}
@media screen and (max-width:1023px){
	#main > .flex-group .content, #main > .flex-group .widget{width:100%}
}

/*** comments ***/
#main #comments{margin:20px 0; padding:20px 0; border-top:1px solid rgba(0,0,0,.08);}
#main #comments ol{list-style:none}
#main #comments > ol > li{margin:60px 0}
#main #comments .comment-list li:after{content: ""; display: table; clear: both;*zoom: 1}
#main #comments .comment-list li img{float:left; margin:0 20px 20px 0}
#main #comments ol li .children{margin-left:40px; padding-left:40px; border-left:1px solid #ddd }
#main #comments ol li .children li{margin:40px 0}
#main .fn{font-weight:700}
#main .comment-reply-link{background: #738AB3;color: #fff;padding: 0px 10px;font-weight: 700;font-size: 12px;}
#main .comment-reply-link:hover{text-decoration:none}


/*** footer ***/
#footer .info, #footer .copyright{font-family: 'Titillium Web', sans-serif;color: #4d4d4d;}
#footer .info{padding:40px 20px}
#footer .info ul.social li{display: inline-block; margin-right: 6px;}
#footer #back_to_top{padding:10px; margin-left:20px}
#footer .copyright{padding:10px 20px; font-size:14px; font-weight:600}

@media screen and (max-width:1199px){
	#footer {text-align:center}
	#footer .info ul.social{float:none; margin:10px 0 0}
}