/*-----------------------------------------------------------------------------------

	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 4.5

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------


---------------------------------------------------------------- */



/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
.font-light{
	font-weight: 100 !important
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form{
	margin-bottom: 20px;
}

.slider-caption, .slider-caption h2, .slider-caption h3{
	color: #ffffff !important;
	font-size: 36px;
	font-weight: 700;
}

.slider-caption p{
	font-weight: 100;
}

.ae-top-bar{
	background: rgba(242,242,242,1)
}

.ae-top-bar{

}

.top-links li a{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

.ae-top-bar .top-links > ul > li > a {
    color: rgba(68, 68, 68,1);
}
.ae-top-bar .top-links i{
	color: rgba(51, 114, 204, 1)
}

.top-links ul ul a{
	text-transform: capitalize;
}

.feature-box.fbox-center .fbox-icon.ae-icon{
	width: 165px;
	height: 165px;
}

.feature-box .fbox-icon i, .feature-box .fbox-icon.ae-icon img{
	background-color: transparent;
	border-radius: 0;
}

.ae-fbox-desc .btn-ae{
	margin-top: 20px;
}

.btn-ae{
	border-radius: 0;
	background: #61b9bf;  /* fallback for old browsers */
	background: -webkit-linear-gradient(left, #61b9bf, #187dab);
	background: -o-linear-gradient(left, #61b9bf, #187dab);
	background: linear-gradient(to right, #61b9bf, #187dab);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: none;
	padding: 10px 25px;
}

.bttom-link, .footer-des{
	display: block;
}

.bttom-link{
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	margin: 15px 0;
}

.f-12{
	font-size: 12px;
}

ul.solution-list li figure svg {
    max-width: 100px !important;
    height: 100px;
	width: 100px;
    max-height: 100px !important;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
}

ul.solution-list li figure.apache svg {
    max-width: 160px !important;
	width: auto;
    max-height: 100% !important;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
}

ul.solution-list li figure.oracle svg {
    max-width: 240px !important;
	min-width: 200px !important;
	width: auto;
    max-height: 100% !important;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
}


/* ----------------------------------------------------------------
	footer
-----------------------------------------------------------------*/

.footer-des{
	font-size: 14px;
	line-height: 14px;
}

.ae-footer, .ae-footer a, .ae-footer span, .ae-footer .widget_links a{
	color: #ffffff;
}

.ae-footer .widget_links a:hover{
	color: rgba(15,176,227,1)
}

.ae-footer-section{
	font-size: 28px;
	line-height: 30px;
	padding: 20px 0;
	background: rgba(57,109,181,1);  /* fallback for old browsers */
}

.ae-footer-section:hover{
	background: rgba(15,176,227,1);  /* fallback for old browsers */
}

span.btm-main-world{
	display: block;
	line-height: 32px;
	margin-bottom: 10px;
}

.ae-footer{
	background: #333 !important;
	border-top-color:#61b9bf !important
}

#footer .footer-widgets-wrap{
	padding: 40px 0 20px;
}

#copyrights{
	margin: 0;
	padding: 20px 0;
	background: #333;
}

.ae-footer a{
	color: #fff;
}

.border-top{
	border-top: 1px solid #777777;
}

.smal-span{
	font-size: 10px;
	margin-bottom: 14px;
	display: block;
}

.blue-word{
	color: #396db5 !important;
}

.t400.blue-word:after{
	border-color:#396db5 !important
}

#gotoTop{
	background-color: rgba(51, 114, 204, 1) !important
}
#gotoTop:hover{
	background-color: rgba(15,176,227,1) !important
}
/* ----------------------------------------------------------------
	Pages
-----------------------------------------------------------------*/

.ae-page-title{
	padding: 200px 0 100px !important; 
}

.ae-page-title h1{
	font-weight: 100 !important
}

.ae-about-page{
	background-image: url(images/page-title/page-title.jpg) !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.ae-heading h2, .ae-heading h3, .ae-heading h4, .ae-heading h5, .ae-heading h6{
	font-weight: 100;
	color: #396db5
}

.ae-heading:after{
	border-top: 2px solid #396db5 !important;
}

.pricing--jinpa .pricing--item{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important
}

.pricing--price{
	position: relative
}

.pricing--item .pricing--action{
	background-color: rgba(51, 114, 204, 1) !important;
}

.pricing--item:hover .pricing--price, .pricing--item:hover .pricing--action{
	background: rgba(15,176,227,1) !important
	
}

.pricing--price{
	border-radius: 5px !important; 
}

.pricing--month{
	display: block;
	width: 100%;
	line-height: 11px;
	font-size: 11px;
	padding: 0;
	margin: 0 auto;
	bottom: 25px;
	left: 0;
	position: absolute;
}


.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: rgba(51, 114, 204, 1);
}

.feature-box:hover .fbox-icon i{
	background: rgba(15,176,227,1)
}

.fbox-effect .fbox-icon i:after{
	box-shadow: 0 0 0 2px rgba(15,176,227,1) !important;
}

.vertical-align {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.rm-1{
	margin-right: 15px;
}

.ae-operating-title{
	right: 0 !important;
	left: 0 !important;
}

.ae-operating-des{
	float: right !important
}

.feature-box.fbox-center.ae-feature-box-nb .fbox-icon{
	margin-bottom: 20px !important;
}


.ae-feature-box-nb h3{
	font-size: 14px;
}

.ae-pricing-box .pricing-desc.ae-operating-des{
	padding: 30px 25px !important
}

.pricing-desc.ae-operating-des .pricing-features ul{
	padding-top: 0 !important
}

.ae-feature-box-nb h3:after{
	display: none !important;
}

.ae-toggle{
	background-color:rgba(57,109,181,1);
	color: #fff;
}

.ae-tab-nav a{
	font-size: 14px;
}

.ae-tab-nav a:hover, .ae-tab-nav a:focus{
	background-color:rgba(15,176,227,1) !important;
	color: #d5d5d5;
}

.nav-tabs.ae-tab-nav li.active > a{
	background: #f9f9f9 !important;
}

.ae-tab-nav .dropdown-menu li.active a{
	color: #444444;
}


.mtb-5{
	margin: 50px 0 !important
}

.headingblock-noborder:after{
	display: none !important
}

.ecom-item.feature-box .fbox-icon i, .ecom-item.feature-box .fbox-icon img{
	border-radius: 0 !important;
	background-color: transparent !important;
}

@media (min-width:320px) and (max-width:460px){
	#header, #header-wrap, #logo img{
		height: 60px;
	}
	
	#logo a.retina-logo{
		margin-top: 20px;
	}
	
	.vertical-align{
		display: inherit;
		align-items: center;
		flex-direction: inherit;

	}
}

@media (min-width:960px) and (max-width:1024px){
	#header, #header-wrap, #logo img{
		height: 60px;
	}
	
	#logo{
		margin:0;
	}
	
	#logo a.retina-logo{
		margin-top: 10px;
	}

	#header{
		border: 0 !important;
	}
}

.textblock{
	display: block;
	font-style: italic;
	color: #888;
	font-size: 12px;
}

.underline{
	text-decoration: line-through;
	color: #555;
}

.yellow-bg td{
	background-color: rgba(189,208,234,1) !important;
}

.pricing-tag-box{
	border-radius: 4px;
	padding: 10px 0;
	border: 1px solid #d5d5d5;
	color: #fff;
	font-weight: bold;
	margin: 5px 0 15px;
}

.ml-1{
	margin-left: 15px;
}

/*.pricing--jinpa .pricing--item:nth-child(2){
	border-right: 1px solid #eee !important;
}*/

.ae-nav-tab{
	display: inline-block !important
}

ul.tab-nav.ae-nav-tab li a{
	background: rgba(15,176,227,1);
	color: #333;
	font-weight: 100 !important;
}

ul.tab-nav.tab-nav2.nav-tab li.ui-state-active a:focus{
	background: rgba(51, 114, 204, 1)

}

.bottommargin-xs{
	margin-bottom: 10px;
}

.mr-1{
	margin-right: 10px;
}

.mr-2{
	margin-right: 20px
}

.mr-3{
	margin-right: 30px;
}

.mr-4{
	margin-right: 40px;
}

.ml-1{
	margin-left: 10px;
}

.ml-2{
	margin-left: 20px
}

.ml-3{
	margin-left: 30px;
}

.ml-4{
	margin-left: 40px;
}

.mb-1{
	margin-bottom: 10px;
}

.mb-2{
	margin-bottom: 20px
}

.mb-3{
	margin-bottom: 30px;
}

.mb-4{
	margin-bottom: 40px;
}

.mt-1{
	margin-top: 10px;
}

.ae-terms-sub li{
	margin-bottom: 10px;
}
.mt-2{
	margin-top: 20px
}

.mt-3{
	margin-top: 30px;
}

.mt-4{
	margin-top: 40px;
}

.lower-roman{
	list-style-type: lower-roman
}