/*
Preject Name: Edu Degree Directory
Preject URL: https://www.edudegreedirectory.com/
Version: 1.0
Description: Bootstrap4, HTML5, CSS3 and Fully Responsive Website.
Author: Edu Degree Directory Team

/*[Table of Content]

=> 1. Genral Css
=> 2. Header
=> 3. Banner
=> 4. Banner Bot Block
=> 5. Footer
=> 6. Step Page
=> 7. Privacy Policy and Terms condition Page 
=> 8. Unsubscribe / Thank you Page 

*/

/*-------------------------------------------*\
   1. Genral Css
\*-------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,m
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body { line-height: 1; font-family: 'Montserrat', sans-serif; margin: 0px; padding: 0px; overflow-x: hidden; }
a:focus { outline: 0; outline-offset: 0; text-decoration: none; }
a:hover { text-decoration: none; }
.clearfix:after { clear: both }
/*.clearfix { zoom: 1 }*/
.top-margin { margin-top: 39px; }
.top-margins { margin-top: 53px; }
.no-padding { padding: 0; }

/*-------------------------------------------*\
   2. Header
\*-------------------------------------------*/
.header-sec { width: 100%; position: relative; padding: 8px 0px 9px 0px; background-color: #fff; color: #fff; }
.header-sec a { display: inline-block; margin-top: -8px }


/*-------------------------------------------*\
   3. Banner
\*-------------------------------------------*/
.banner-sec { width: 100%; position: relative; padding: 43px 0px 130px 0px; background-image: url(../images/banner-bg.png); border-top: 1px solid #fff; background-size: cover; }
.subject-highlight { background: #1f7b94; position: relative; padding: 25px 20px 27px;
border: 1px solid rgba(85, 175, 199, 0.2);}

.subject-highlight:before,
.subject-highlight:after {content: ""; position: absolute; width: 0; height: 0; left: 0; right: 0;
margin: 0 auto; top: 100%; border-right: 127px solid transparent; border-left: 127px solid transparent; }
.subject-highlight:after{border-top: 43px solid #1f7b94;}
.subject-highlight:before{border-top: 43px solid #55afc7;}

.subject-highlight h1 { font-size: 52px; font-weight: 800; color: #fff; text-align: center; 
line-height: 1.2  ; }
.subject-highlight h1 span {color: #28c4c6;}
.banner-sec .owl-carousel .item{ padding:25px 0 0;}
.banner-sec .owl-carousel .item figure { background-color: #fff; border-radius: 100%; 
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0); max-width: 100%; width: 151px; height: 151px; line-height: 135px; text-align: center;
position: relative; margin-left: auto; margin-right: auto; transition: box-shadow 0.3s;}

.banner-sec .owl-carousel .item img{max-width: 85px; display: inline-block; vertical-align: middle;}
.banner-sec .owl-carousel .item:hover figure{box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.1);}
.banner-sec h3 { font-size: 15px; text-transform: uppercase; color: #fff; padding-top: 30px; cursor: pointer; letter-spacing: 0; 
font-size: 20px; font-weight: 800; line-height: 1.2;}
.banner-sec .owl-carousel .item figure:after {content: ""; position: absolute; left: 0;
right: 0; top: 0; bottom: 0; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3); border-radius: 50%; 
display: block; transform: scale(1.1);}

.banner-sec .owl-carousel .item figure:before {content: ""; position: absolute; left: 0;
right: 0; top: 0; bottom: 0; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
border-radius: 50%; display: block; transform: scale(1); opacity: 0; transition: all 0.5s; }
.banner-sec .owl-carousel .item figure:hover:before{transform: scale(1.15); opacity: 1; }

.banner-sec #owl-products{position: relative;}
.banner-sec .owl-theme .owl-nav {margin-top: 0px; position: absolute; left: 0; right: 0; top: 50%;
transform: translateY(-50%);}
.banner-sec .owl-theme .owl-nav span{display: none;}
.banner-sec .owl-theme .owl-nav button{position: absolute; left: 0; top: 50%;
transform: translateY(-50%);}
.banner-sec .owl-theme .owl-nav button:after { content: ''; position: absolute; background-image: url(../images/banner-arrow.png); 
top: -80px; background-repeat: no-repeat; width: 31px; height: 93px; }
.banner-sec .owl-theme .owl-nav button.owl-next:after{transform: rotate(180deg);}
.banner-sec .owl-theme .owl-nav button.owl-next{left: unset; right: 0;}
.banner-sec .owl-theme .owl-nav button.owl-prev:after{ left: -55px;}
.banner-sec .owl-theme .owl-nav button.owl-next:after{ right: -55px;}
.banner-sec .owl-theme .owl-nav button:hover,
.banner-sec .owl-theme .owl-nav button:focus{box-shadow: none; outline: none; opacity: 0.5;}

#owl-products.owl-carousel.off {display: block; }

.banner-arrow {position: absolute; left: 0; right: 0; bottom: -25px; z-index: 1;}
.bann-bott {background: rgba(0, 0, 0, 0.1); padding: 25px 20px; position: absolute; left: 0; right: 0; bottom: 0;}
.bann-bott p { color: #fff; font-size: 36px; font-weight: 400; letter-spacing: -0.4px;}
.bann-bott p span {color: #28c4c6; font-weight: 800; }

/*-------------------------------------------*\
   4. Banner Bot Block
\*-------------------------------------------*/

.theme-sec { width: 100%; position: relative; padding: 60px 0px 70px 0px; overflow: hidden; }
.theme-sec h3 { font-weight: 800; color: #003768; text-transform: uppercase; font-size: 24px;
letter-spacing: -0.5px; padding-top: 25px; padding-bottom: 15px; }
.theme-sec .imgg { background-color: #00abad; border-radius: 100%; text-align: center; 
  width: 85px; height: 85px; line-height: 85px; text-align: center; margin: 0 auto; padding: 14px; position: relative; }
.theme-sec img { display: inline-block; }
.theme-sec p { font-size: 14px; padding: 0 !important; line-height: 1.8; max-width: 85%; margin: 0 auto; 
color: #565656; font-weight: 500;}

.theme-block:after { height: 260px; content: ""; display: block; right: 0; top: 0; position: absolute; width: 1px; background:rgba(0,55,104,0.1); }
.theme-block:last-child:after { content: ' '; width: 0; }

.imgg::before { top: -3px; bottom: -3px; left: -3px; right: -3px; box-shadow: 0 0 0 1px #003768; 
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(1); 
  -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(1); 
  -ms-transform: scale(1); transition: transform 0.2s, opacity 0.2s; transform: scale(1); 
  content: ''; position: absolute; pointer-events: none; position: absolute; 
  border-radius: 50%; content: '';  -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
   box-sizing: content-box; transition: all 0.3s;}
.theme-block:hover .imgg:before{transform: scale(1); opacity: 0;}
.imgg::after { top: -5px; left: -5px; padding: 5px; box-shadow: 0 0 0 3px #3894a7; 
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(1); 
  -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(1); 
  -ms-transform: scale(1); transition: transform 0.2s, opacity 0.2s; transform: scale(1); 
  opacity: 0; content: ''; position: absolute; pointer-events: none; position: absolute; 
  width: 100%; height: 100%; border-radius: 50%; content: ''; 
  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.theme-block:hover .imgg:after { opacity: 1; -moz-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }
.theme-sec .imgg:hover {transition: all 0.5s;}

/*-------------------------------------------*\
   5. Footer
\*-------------------------------------------*/
.new-footer-sec { background-color: #eaeaea; position: relative; width: 100%; padding:20px 0px 15px; overflow: hidden; }
.new-footer-nav-tabs .row{align-items: center;}
.new-footer-sec p { color: #7d7e7e; font-size: 12px; font-weight: 500;}
.copyright{text-align: left;}
.footer-link{text-align: right;}
.new-footer-sec a{color: #7d7e7e; text-decoration: none;}
.new-footer-sec a:hover{color: #00abad; text-decoration: none;}
.new-footer-nav-tabs { position: relative; }
.new-footer-nav { list-style-type: none; position: relative;}
.new-footer-nav li { display: inline-block; }
.new-footer-nav li:last-child { margin-bottom: 0px; }
.new-footer-nav li a { font-size: 12px; font-weight: 500; color: #7d7e7e; }
.new-footer-nav li.active a,
.new-footer-nav li a:hover { color: #00abad; text-decoration: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

/*-------------------------------------------*\
   6. Step Page
\*-------------------------------------------*/

.specialization-sec {width: 100%; position: relative; padding: 50px 0px 60px 0px;
background-image: url(../images/banner-bg.png); border-top: 1px solid #fff; background-size: cover; }
.main-specialization {background: #f9f9f9; -webkit-box-shadow: 0px 0px 20px 3px rgba(2, 2, 2, 0.27);
-moz-box-shadow: 0px 0px 20px 3px rgba(2, 2, 2, 0.27); position: relative; box-shadow: 0px 0px 20px 3px rgba(2, 2, 2, 0.27);
border-radius: 5px; padding-bottom: 40px; width: 90%; margin: 0 auto; min-height: 400px; }



/*----------------------------------------- 
 7. Privacy Policy and Terms condition Page 
------------------------------------------*/
.page-banner-bg{background-image: url(../images/banner-bg.png); background-repeat: no-repeat;
 background-size: cover; border-top: 1px solid #fff; position: relative; padding: 100px 0px 100px 0px; 
 background-position: center; text-align: center; color: #ddd;}
.page-banner-content h2 {color:#fff; font-weight: 800; font-size: 35px; letter-spacing: -0.5px; text-transform: uppercase; }
.page-banner-content .bread-crumb{margin-top: 20px; color: #60d1d2;}
.page-banner-content .bread-crumb a{color: #fff;}

.contant-page { padding: 70px 0 40px; }
.contant-page h1,
.contant-page h2,
.contant-page h3 { font-weight: 700; margin-bottom: 20px; letter-spacing: -0.2px;}
.contant-page h1 { font-size: 38px; margin-bottom: 25px; font-weight: 800;}
.contant-page h1 span { color: #28abac;}
.contant-page h2 { font-size: 32px; }
.contant-page h3 { font-size: 28px; }
.contant-page h4 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.contant-page h5 { font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.contant-page h6 { font-size: 17px; font-weight: 600; margin-bottom: 15px; }

.cont-col { margin-bottom: 30px; }
.contant-page ul,
.contant-page ol { padding-left: 25px; }
.contant-page ul li,
.contant-page ol li { margin: 0 0 8px; }
.contant-page,
.contant-page p { font-size: 16px; line-height: 28px; }
.contant-page,
.contant-page p { margin-bottom: 10px; }
.contant-page a { color: #28abac; font-weight: 500;}
.contant-page a:hover { color: #003768;}
.contant-page table { border-collapse: collapse; border: 1px solid #e4e4e4; width: 100%; text-align: center; }
.contant-page th,
.contant-page td { border-right: solid 1px #ccc; padding: 5px 0; }
.contant-page th:last-child,
.contant-page td:last-child { border-right: none; }
.contant-page th { background: #f2f2f2; }
.contant-page td { border-top: solid 1px #ccc; }
.contant-page textarea,
.contant-page input { font-size: 18px; color: #565656; padding: 9px 10px 9px 0px; box-shadow: none; border: 0px; border-bottom: 1px solid #ccc; width: 100%; outline: none; background: transparent; font-size: 16px; margin-bottom: 20px; }
.contant-page button,
.contant-page .btn-box a { font-size: 17px; font-weight: bold; text-transform: uppercase; color: #fff; background: transparent; padding: 0 50px 0 50px; height: 54px; border-radius: 50px; text-decoration: none; line-height: 24px; font-family: 'Helvetica Neue'; border: 0; background: #f6552c; cursor: pointer; outline: none; position: relative; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; z-index: 1; margin: 0px auto; display: block; }
.contant-page button:after,
.contant-page .btn-box a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #f6552c; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.contant-page button:hover:after,
.contant-page .btn-box a:hover:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.contant-page button:hover,
.contant-page .btn-box a:hover { color: #f75528; background: transparent; }

/*----------------------------------------- 
 8. Unsubscribe / Thank you Page 
------------------------------------------*/
.unsubscribe-page{padding: 60px 0;}
.unsubscribe-page h3 {font-size: 29px; font-weight: 800;
letter-spacing: -0.5px; text-transform: uppercase; }
.unsubscribe-page p{margin: 10px 0 15px;}
.unsubform .form-control {text-align: left !important; font-size: 16px; height: 50px; box-shadow: none;
border-color: #b3cfd0; max-width: 450px; width: 100%; margin: 0 auto;}
.unsubform .help-block.form-control{border-color: red;}
.thank-you-btn,
.unsubform .unsubscribe-btn {background: #28abac; color: #fff; font-weight: 800;
text-transform: uppercase; font-size: 14px; padding: .715rem 1.95rem .615rem; max-width:185px;}
.thank-you-btn:hover,
.unsubform .unsubscribe-btn:hover {background: #003768; color: #fff;}
span.help-block{display: none !important;}

.thank-you .page-banner-bg{padding: 80px 0px 80px 0px;}
.thank-you .unsubscribe-page {padding: 40px 0; }
.thank-you .page-banner-content h2{font-size: 50px;}
.thanks-icon{margin-bottom: 35px;}
.thanks-icon i {background: #30b37d; color: #fff; width: 90px; height: 90px;
line-height: 90px; font-size: 35px; border-radius: 100%; }