@font-face {
    font-family: 'bebasneue_regular';
    src: url('../fonts/bebasneue_regular-webfont.eot');
    src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff'), url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'), url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neue_bold';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'), url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'), url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/Montserrat/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'Nexa Light Regular';
font-style: normal;
font-weight: normal;
src: url('../fonts/nexa-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'AvantGardeLT_Book';
    src: url('../fonts/AvantGardeLT-Book.woff');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin:0px;
    padding:0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'lato', sans-serif;
}
p {
    color: #6c6c6c;
}

a:hover, a:focus, a:active{ text-decoration: none; }

.mx-1024 { width: 100%; max-width: 1024px; margin: 0 auto;} 
.t_center { text-align: center; }

.footer { width: 100%; background: #256d90; font-size: 15px; color: #fff; letter-spacing: 1px; font-weight: 100; padding: 14px; }
.bg_common { background-repeat: no-repeat; background-position: center; background-size: cover;  }
.mrgn-btm-50 { margin-bottom: 50px !important; }
.mrgn-btm-90 { margin-bottom: 90px !important; }
.mw-80 { max-width: 80%; margin: 0 auto; }
.t_left { text-align: left; }
.f_right { float:right; }
.f_left { float:left; }

.bg-100 { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.relative { position: relative; }

/** HOMEPAGE **/
.homepage>div { padding-top: 50px; max-width: 85%; margin: 0 auto;}
.menu-btn { color:#215493; }
.home-content { margin-top: 100px; }
.home-content h2 { line-height: 1; margin-bottom: 100px; font-family: 'AvantGardeLT_Book'; color: #0b2f7a; font-size: 127px; }
.home-content h3 { color:#215493;  font-family: 'Nexa Light Regular'; font-size: 32px; margin: 0; }
.home-content hr {max-width: 14%;margin: 0 auto;border: 1.5px solid #215493;border-radius: 50%; margin-bottom: 20px;}
.home-content p { max-width: 755px; margin: 0 auto; font-family: 'montserratlight'; font-size: 18px; text-align: center; letter-spacing: 1px; margin-bottom: 130px;}


/** INNER PAGE **/
.innerpage { margin-top: 100px; }
.inner-title-holder h2 {  line-height: 1; margin-bottom: 100px; font-family: 'AvantGardeLT_Book'; color: #0b2f7a; font-size: 60px; }

.date-wrapper { background: #3e687e; border-radius: 10px 0 0 10px; }
.date-wrapper .date-holder h2 { color: #fff; font-size: 24px; font-family: 'Montserrat', sans-serif;  margin:25px 0 20px;}
.date-wrapper .date-holder h2 span { display: block; font-size: 62px; font-weight: bold; }
.content-wrapper { background: #3e687e; padding-top: 30px; padding-bottom: 20px; border-radius: 10px 10px 10px 10px;  }
.content-wrapper .img-holder { width: 100%;  max-width: 342px; min-height: 227px; overflow: hidden;  }
.content-wrapper .img-holder img { width: 100%; object-fit: cover; object-position: center; }
.content-wrapper .discription-holder a {font-size: 20px;color: #fff;letter-spacing: 1px;font-family: 'Montserrat';font-weight: 700;}
.content-wrapper .discription-holder h6 { font-size: 18px;  color: #fff; font-family: 'Montserrat', sans-serif; margin-bottom: 30px;  }
.content-wrapper .discription-holder h3 { color: #fff; font-family: 'Montserrat', sans-serif;   }
.content-wrapper .discription-holder li { color: #fff; font-family: 'Montserrat', sans-serif;   }
.content-wrapper .discription-holder th { color: #fff; font-family: 'Montserrat', sans-serif;  }
.content-wrapper .discription-holder td { color: #A9A9A9; }
.content-wrapper .discription-holder input { margin: 10px; }
.content-wrapper .discription-holder blockquote p { color: #F0F8FF }
.content-wrapper .discription-holder blockquote footer { color: #F0F8FF }
.content-wrapper .discription-holder p { font-size: 18px;  color: #fff; line-height: 27px; margin-bottom: 20px; }
.content-wrapper .discription-holder p a { font-size: 18px;  color: #00fee3; font-style: italic;}
.content-wrapper .discription-holder .social-holder p { font-size: 15px;  color: #fff; text-transform: uppercase; display: inline-block;  }
.content-wrapper .discription-holder .social-holder ul { padding-left: 20px; display: inline-block;}
.content-wrapper .discription-holder .social-holder ul li { list-style-type: disc; display: inline-block; padding: 0 10px; }
.content-wrapper .discription-holder .social-holder ul li a  { font-size: 18px; }

.pagination>li>a { margin: 0 2px; }
.pagination>li>a, .pagination>li>span { background: #ebebeb;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background: #0c3043; color: #fff;}


/** BLOG PAGE **/
.blog .content-wrapper { padding:23px 60px 20px; }
.blog .social-holder>a { font-size: 16px; font-family: 'Montserrat'; line-height: 2;  }

/** BLOG INNER PAGE **/
.blog-inner .date-wrapper { background: #fafafa;}
.blog-inner .date-wrapper h2 { color:#3e687e; margin-top: 29px; }
.blog-inner .content-wrapper { background: #fafafa; padding-left: 80px; padding-right: 80px; box-sizing: border-box;}
.blog-inner .discription-holder h2 { font-weight:700; line-height:1; font-size: 26px;  color: #3e687e; letter-spacing: 1px; font-family: 'Montserrat'; margin: 0; }
.blog-inner .discription-holder h4 { font-weight:700; color: #3e687e; font-size: 22px; font-family: 'Montserrat';}
.blog-inner .discription-holder h5 { margin-bottom:15px; color: #3e687e; font-size: 16px;  color: #3e687e; font-family: 'Montserrat'; max-width: 840px;}
.blog-inner .discription-holder h6 { color: #3e687e; }
.blog-inner .discription-holder p { margin-bottom:40px; color: #3e687e; font-size: 16px;  color: #3e687e; font-family: 'Montserrat'; max-width: 840px;}
.image-holder-innerblog { max-width: 500px; width: 100%; min-height: 250px; }
.image-holder-innerblog img { max-width: 100%; object-fit: contain; display: block; height: 250px; }

.bloginner-section-bottom .upper-border { border-bottom: 2px solid #cccccc; }
.bloginner-section-bottom .upper-border h2 { padding-bottom:5px;margin:0; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700;}
.bloginner-section-bottom .upper-border h3 { margin-left: 50px !important; padding-bottom:5px;margin:0; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700;}
.bloginner-section-bottom .upper-border h2, .bloginner-section-bottom .upper-border h3 { display: inline-block; vertical-align: top; }

.bloginner-section-bottom .upper-border select { padding-bottom:5px; border:none; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700;}
.bloginner-section-bottom .lower-border label { padding-top: 5px; }
.bloginner-section-bottom .lower-border label a {margin:0; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700;}
.bloginner-section-bottom .lower-border label a i { margin-right: 10px; }
.bloginner-section-bottom .lower-border .share { margin-left: 28px; }
.bloginner-section-bottom .lower-border select { padding-top:5px; border:none; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700;}

.bloginner-section3 .comment-image {max-width: 7%;width: 100%;min-height: 70px;}
.bloginner-section3 .comment-image img { max-width: 100%; object-fit: cover; height: 70px; }
.bloginner-section3 .comment-textarea { max-width:92%; width: 100%; }
.bloginner-section3 .comment-textarea textarea{ margin-left:10px; width: 100%; min-height: 70px; padding:20px 0 0 20px; resize:none; border: 1px solid #f3f3f3;}
.bloginner-section3 .comment-image, .bloginner-section-bottom .comment-textarea { display: inline-block; vertical-align: top; }
.bloginner-section3>h2 { text-align: center; margin-top: 50px; font-family:'Montserrat',sans-serif; font-weight: 500; font-size:14px; color: #3e687e; }

.blog-also-bottom>div:last-child .inner-also-comment { border-bottom: none; }
.blog-also-bottom>h2 {  padding-bottom:5px; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700; text-align: left; margin-bottom: 10px; margin-left: 10px; }
.blog-also-bottom>hr { margin-top: 0; }
.inner-also-comment { padding: 30px 40px 10px; border-bottom: 1px solid #f3f3f3; min-height: 250px; }
.inner-also-comment>div { margin-top: 30px; }
.inner-also-comment h2 { margin:0; font-family: 'Montserrat',sans-serif; font-size: 16px; color:#3e687e; font-weight: 700; text-align: left; }
.inner-also-comment h3 {margin:0;font-family: 'Montserrat',sans-serif;font-size: 12px;color:#3e687e;font-weight: 700;text-align: left;margin-top:20px;width: 100%;max-width: 360px; line-height: 1.5;}
.commented-div { display: inline-block; vertical-align: top; }
.commented-div.text { padding:10px 0 0 10px; }


.list-bottom-bloginner { margin-top: 20px; }
.list-bottom-bloginner ul li { list-style: none; vertical-align: middle; display: inline-block; margin-right: 50px }
.list-bottom-bloginner ul li a { font-family: 'Montserrat'; font-size: 16px; font-weight: 700; color:#3e687e; }


.bloginner-section5 { padding-top: 50px; }
.bloginner-section5 .social-holder{ padding-top: 30px; }
.bloginner-section5 p { font-size: 15px;  color: #3e687e; line-height: 27px; margin-bottom: 20px; }
.bloginner-section5 p a { font-size: 15px;  color: #3e687e; font-style: italic;}
.bloginner-section5 .social-holder p { font-size: 15px;  color: #3e687e; text-transform: uppercase; display: inline-block;  }
.bloginner-section5 .social-holder ul { padding-left: 20px; display: inline-block;}
.bloginner-section5 .social-holder ul li { list-style-type: disc; display: inline-block; padding: 0 10px; }
.bloginner-section5 .social-holder ul li a  { font-size: 18px; }
.inner-also-comment.bloginner-section5 { border-bottom: none; }




.this-graph { max-width: 1090px; width: 100%; min-height: 480px; margin:0 auto 100px;}
.this-graph ul li h2 { font-family: 'montserratlight';  font-size: 26px; color:#292929; margin:0;}
.this-graph ul li { list-style: none; position: absolute;}
.this-graph ul li.link:hover:before { background: #a4fffc; }
.this-graph ul li:hover h2 { color:#215493; }

.this-graph ul li.link1 {bottom: 254px;left: 115px;}
.this-graph ul li.link1:before {content: '';width: 15px;height: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0px 20px 5px #fff;position: absolute;display: block;bottom: -40px;text-align: center;left: 0;right: 0;margin: 0 auto;}

.this-graph ul li.link2 {bottom: 315px;left: 200px;}
.this-graph ul li.link2:before {content: '';width: 15px;height: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0px 20px 5px #fff;position: absolute;display: block;bottom: 0;top: 20px;text-align: center;right: -50px;margin: 0 auto;}

.this-graph ul li.link3 {top: -39px;left: 428px;}
.this-graph ul li.link3:before {content: '';width: 15px;height: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0px 20px 5px #fff;position: absolute;display: block;bottom: -35px;text-align: center;left: 0;right: 0;margin: 0 auto;}

.this-graph ul li.link4 {bottom: 290px;right: 335px;}
.this-graph ul li.link4:before {content: '';width: 15px;height: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0px 20px 5px #fff;position: absolute;display: block;bottom: 0;top: 5px;text-align: center;left: -50px;margin: 0 auto;}

.this-graph ul li.link5 {bottom: 182px;right: 93px;}
.this-graph ul li.link5:before {content: '';width: 15px;height: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0px 20px 5px #fff;position: absolute;display: block;bottom: 0;top: 5px;text-align: center;left: -60px;margin: 0 auto;}





/** TO FIX INDEX DOT LINKS **/



@media (max-width: 1300px) {
    .this-graph {max-width: 900px;width: 100%;min-height: 420px;margin:0 auto 100px;}
    .this-graph ul li.link1 {bottom: 227px;left: 85px;}
    .this-graph ul li.link2 {bottom: 300px;left: 146px;}
    .this-graph ul li.link3 {top: -41px;left: 345px;}
    .this-graph ul li.link4 {bottom: 260px;right: 257px;}
    .this-graph ul li.link5 {bottom: 166px;right: 50px;}

}

@media (max-width: 1180px) {
    .this-graph {max-width: 750px;width: 100%;min-height: 370px;margin:0 auto 100px;}
    .this-graph ul li h2 {font-size: 22px;}
    .this-graph ul li.link1 {bottom: 202px;left: 70px;}
    .this-graph ul li.link2 {bottom: 270px;left: 114px;}
    .this-graph ul li.link3 {top: -36px;left: 278px;}
    .this-graph ul li.link4 {bottom: 233px;right: 204px;}
    .this-graph ul li.link5 {bottom: 135px;right: 24px;}
}

@media (max-width: 1024px) {
    .date-wrapper .date-holder h2 { font-size: 15px; }
    .date-wrapper .date-holder h2 span { font-size: 30px; }

}

@media ( max-width: 992px){
    .date-wrapper .date-holder h2 { margin: 0 0 -1px; }
    .date-wrapper { border-radius: 10px 10px 0 0; padding-top: 20px; }
    .content-wrapper { border-radius: 10px 10px 10px 10px; }
    .content-wrapper .img-holder { margin: 0 auto 25px; }
    .pagination { margin: 0 auto 20px; width: 100%; max-width: 500px; }
    .pagination-holder { text-align: center; }

    .blog-inner .date-wrapper .date-holder h2 { font-size: 30px; }
}

@media (max-width: 890px) {
    .this-graph {max-width: 500px;width: 100%;min-height: 250px;margin:0 auto 100px;}
    .this-graph ul li h2 {font-size: 17px;}
    .this-graph ul li.link1 {bottom: 139px;left: 40px;}
    .this-graph ul li.link1:before {content: '';width: 12px;height: 12px; bottom: -30px;left: 0;right: 0;}
    .this-graph ul li.link2 {bottom: 180px;left: 66px;}
    .this-graph ul li.link2:before {content: '';width: 12px;height: 12px; bottom: 0;top: 10px;right: -35px;}
    .this-graph ul li.link3 {top: -22px;left: 182px;}
    .this-graph ul li.link3:before {content: '';width: 12px;height: 12px; bottom: -20px;left: 0;right: 0;}
    .this-graph ul li.link4 {bottom: 165px;right: 114px;}
    .this-graph ul li.link4:before {content: '';width: 12px;height: 12px; bottom: 0;top: 5px;left: -50px;}
    .this-graph ul li.link5 {bottom: 95px;right: 17px;}
    .this-graph ul li.link5:before {content: '';width: 12px;height: 12px; bottom: 0;top: 5px;left: -30px;}
}

@media (max-width: 768px) {

    #wrapper.toggled #sidebar-wrapper { width: 170px; }
    #sidebar-wrapper { margin-left:-170px; left:170px; }
    #wrapper.toggled { padding-left: 170px; }

    .blog .content-wrapper { padding: 22px 20px 20px; }
    .blog-inner .content-wrapper { padding: 22px 20px 20px;  }

    .bloginner-section3 .comment-image { min-height: 50px; }
    .bloginner-section3 .comment-image img { height: 50px; }

    .list-bottom-bloginner ul { float: none; max-width: 100%; width: 100%; }
    .list-bottom-bloginner a { max-width: 100%; width: 100%; float: none; }
}
@media (max-width: 680px) { 
    .home-content h2 { font-size: 90px; }
    .home-content h3 { font-size: 30px; }

    .pagination>li>a, .pagination>li>span { padding: 5px 10px; }
    .pagination { max-width: 415px; }

    .social-holder>div, .blog .social-holder>a { float: none }
    .bloginner-section3 .comment-image, .bloginner-section-bottom .comment-textarea { display: block; }
    .bloginner-section3 .comment-image { max-width: 20%; min-height: 75px;}
    .bloginner-section3 .comment-image img { height: 75px; }
    .bloginner-section3 .comment-textarea {  max-width: 100%; }
    .bloginner-section3 .comment-textarea textarea { margin-left: 0;}
}

@media (max-width: 600px) {
    .this-graph {max-width: 420px;width: 100%;min-height: 205px;margin:0 auto 100px;}
    .this-graph ul li h2 {font-size: 17px;}
    .this-graph ul li.link1 {bottom: 104px;left: 24px;}
    .this-graph ul li.link1:before {content: '';width: 12px;height: 12px;bottom: -15px;left: 0;right: 0;}
    .this-graph ul li.link2 {bottom: 145px;left: 39px;}
    .this-graph ul li.link2:before {content: '';width: 12px;height: 12px; bottom: 0;top: 10px;right: -35px;}
    .this-graph ul li.link3 {top: -25px;left: 150px;}
    .this-graph ul li.link3:before {content: '';width: 12px;height: 12px; bottom: -20px;left: 0;right: 0;}
    .this-graph ul li.link4 {bottom: 140px;right: 113px;}
    .this-graph ul li.link4:before {content: '';width: 12px;height: 12px;bottom: 0;top: 3px;left: -20px;}
    .this-graph ul li.link5 {bottom: 80px;right: 2px;}
    .this-graph ul li.link5:before {content: '';width: 12px;height: 12px; bottom: 0;top: 5px;left: -30px;}
}

@media ( max-width: 500px){
    .pagination>li>a, .pagination>li>span { font-size: 12px; }
    .pagination { max-width: 100%; }
    .pagination>li>a, .pagination>li>span { padding: 4px; }
    .inner-title-holder h2 { font-size: 50px; }
    .mw-80 { max-width: 100%; }
    .content-wrapper .discription-holder .social-holder ul { margin-bottom: 30px; }

    .blog-inner .discription-holder h2 { font-size: 15px; }
    .content-wrapper .discription-holder p { line-height: 1.5; font-size: 13px; }
    .blog-inner .discription-holder h4 { font-size: 16px; }

    .bloginner-section-bottom .upper-border h2, .bloginner-section-bottom .upper-border h3 { display: block; }
    .bloginner-section-bottom .upper-border h3 { margin-left: 0 !important; }
    .bloginner-section-bottom .lower-border .share { display: block; margin-left: 0; text-align: left; }

    .this-graph {max-width: 300px;width: 100%;min-height: 170px;margin:0 auto 100px;}
    .this-graph ul li h2 {font-size: 12px;}
    .this-graph ul li.link1 {bottom: 85px;left: 17px;}
    .this-graph ul li.link1:before {content: '';width: 10px;height: 10px;bottom: -15px;left: 0;right: 0;}
    .this-graph ul li.link2 {bottom: 125px;left: 32px;}
    .this-graph ul li.link2:before {content: '';width: 10px;height: 10px;bottom: 0;top: 10px;right: -25px;}
    .this-graph ul li.link3 {top: -20px;left: 110px;}
    .this-graph ul li.link3:before {content: '';width: 10px;height: 10px;bottom: -20px;left: 0;right: 0;}
    .this-graph ul li.link4 {bottom: 115px;right: 76px;}
    .this-graph ul li.link4:before {content: '';width: 10px;height: 10px;bottom: 0;top: 0px;left: -20px;}
    .this-graph ul li.link5 {bottom: 61px;right: -7px;}
    .this-graph ul li.link5:before {content: '';width: 10px;height: 10px;bottom: 0;top: 0px;left: -30px;}
}


@media (max-width: 426px){
    #wrapper.toggled #sidebar-wrapper { width: 150px; }
    #sidebar-wrapper { margin-left:-150px; left:150px; }
    #wrapper.toggled { padding-left: 150px; }
    .home-content h2 { font-size: 60px; margin-bottom: 60px;}
    .home-content h3  {font-size: 25px;}
    .home-content p { max-width: 300px; font-size: 14px; margin-bottom: 80px;}
    .home-content hr { max-width: 40%; }
    .home-content { margin-top: 50px;  }
    .sidebar-nav li a { font-size: 13px;  }
}


@media ( max-width: 376px){
    .footer { font-size: 12px; }

    .list-bottom-bloginner ul li a { font-size: 13px; }
    .bloginner-section5 .social-holder ul { padding: 0; }
}

@media (max-width: 350px) {
    .this-graph {max-width: 270px;width: 100%;min-height: 140px;margin: 0 auto 70px;}
    .this-graph ul li h2 {font-size: 12px;}
    .this-graph ul li.link1 {bottom: 72px;left: 12px;}
    .this-graph ul li.link1:before {content: '';width: 10px;height: 10px;bottom: -15px;left: 0;right: 0;}
    .this-graph ul li.link2 {bottom: 104px;left: 22px;}
    .this-graph ul li.link2:before {content: '';width: 10px;height: 10px;bottom: 0;top: 10px;right: -25px;}
    .this-graph ul li.link3 {top: -22px;left: 95px;}
    .this-graph ul li.link3:before {content: '';width: 10px;height: 10px;bottom: -20px;left: 0;right: 0;}
    .this-graph ul li.link4 {bottom: 90px;right: 62px;}
    .this-graph ul li.link4:before {content: '';width: 10px;height: 10px;bottom: 0;top: 0px;left: -20px;}
    .this-graph ul li.link5 {bottom: 52px;right: -12px;}
    .this-graph ul li.link5:before {content: '';width: 10px;height: 10px;bottom: 0;top: 0px;left: -30px;}
}