@charset "utf-8";
/* CSS Document */



/*-- Main --*/
.main {

	min-height: 100vh;
	display: flex;
	background: url("../images/bg-case.jpg") no-repeat;
	background-position: bottom;
}
html, body{height: 100%;}


body {
	color: #FFFFFF;
	font-family: "Brown-light", sans-serif;

}

a.fancybox-thumb img {
	max-width: 135px;
	width: 100%;
}


h1, h2, h3, h4, h5 {
	color: #ffffff;
	font-family: "Brown-Bold", sans-serif;
}
.bform-main h4 {
	font-weight: 500!important;
	font-family: "Brown-Light", sans-serif;
	font-size: 2em;
}

.cloud-image {
	max-width: 400px;
}

.negative-margin {
	margin-top: -1em
}


/*--Form */
.bform-main{margin:auto; padding:50px 15px; flex-wrap:wrap; align-items:center; align-content:center; }
.popup-center{max-width:1000px; margin:auto; background:#fff; position:relative; padding:30px; display:flex; color:#fff; flex-wrap:wrap;}
.popup-center .typeclose{position:absolute; right:5px; top:5px; background:none; border:none; color:#dedede; padding:6px 8px; font-size:16px; cursor:pointer; outline:none; z-index:1;}
.popup-center .typeclose:hover{ color:#ff7043}
.popup-center h2{padding:0 0 15px; font-size:30px; line-height:1;}
.popup-center p{color:#fff; padding:0 0 15px;}
.popup-center em{font-style:italic;}
.popup-center ul{padding:0; margin:0;}
.popup-center ul li{list-style:none; background:url(../images/dott.png) left 8px no-repeat; padding:0 0 5px 12px; margin:0; display:block;}
.popup-center a{color:#262d2d;}
.popup-center a:hover{color:#fff;}
.popup-center a.btn{padding:10px 24px; text-align:center; font-size:16px; text-transform:none; background:#262d2d; color:#fff; display:inline-block;}
.popup-center a.btn:hover{background:#00b3e3;}

.bform-main.active{display:flex;}
.bform-main .popup-center{width:100%; max-width:700px;}
.bform-main ._form_11{width:100%;}
.bform-main ._form-title{ font-family: "Brown-Light", sans-serif !important; font-size:30px !important; font-weight:700 !important; color:#ffffff !important; text-align:center !important;}
.bform-main ._html-code p{ font-family: "Brown-Light", sans-serif !important; font-size:18px !important; color:#ffffff !important; font-weight:300 !important; text-align:center !important; padding:0 0 5px !important;}
.bform-main ._form-label, .bform-main label {font-weight:300 !important; width:auto !important; line-height:normal; font-family: "Brown-Light", sans-serif; font-size:16px; color:#ffffff;}
.bform-main form{width:100% !important; padding:0 !important; margin:0 !important;}
.bform-main .popup-center > div {width:100% !important;}
.bform-main ._form_element{width:50% !important; float:left !important; padding:0 15px 12px; clear:none !important; margin:0 !important;}
.bform-main ._form_element:nth-child(6), .bform-main ._form_element:nth-child(5),
.bform-main ._form_element._field128{width:100% !important;}
.bform-main ._form_element ._field-wrapper input{background-color:#f5f8fa !important; border:1px solid #dae2eb !important; padding:7px 15px !important; height:auto; border-radius:4px !important; box-shadow:none; line-height:normal; width:100% !important; font-size:16px !important; font-family: "Brown-Light", sans-serif !important;}
.bform-main ._button-wrapper{padding:10px 15px 0 15px; clear:both;}

.bform-main form ._button-wrapper #_form_74_submit{background:#ed8658!important; border-radius:4px !important; font-size:16px !important; line-height:1; padding:15px 26px 13px !important; border:none !important; color:#fff !important; font-family: "Brown-Light", sans-serif !important; width:100%;}

.bform-main form ._button-wrapper #_form_74_submit:hover{background:#ed8658!important; border:none; color:#000; opacity: 0.8;}
.bform-main form ._form-thank-you{font-size:30px !important; color:#428840 !important; font-family: 'Brown-Light', sans-serif !important; font-weight:300 !important; padding:50px 0 !important; width:100% !important; text-align:center !important;}

@media (max-width: 667px) {
.bform-main ._form_element{width:100% !important; margin-bottom:15px !important;}
.bform-main ._button-wrapper{padding:5px 0 0}
.bform-main ._form_element p{margin-bottom:0 !important;}
.bform-main ._form-title{padding-top:10px;}
}

@media (max-width: 479px) {
.bform-main .popup-center{padding:20px;}
.bform-main ._form-title{font-size:26px !important;}
.bform-main form ._form-thank-you{font-size:26px !important; padding:30px 0 !important;}

}


/*-- Fonts --*/


@font-face {
    font-family: "Brown-Thin";
    src:url("fonts/lineto-brown-thin.eot");
    src:url("fonts/lineto-brown-thin.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-thin.woff2") format("woff2"),
        url("fonts/lineto-brown-thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Light";
    src:url("fonts/lineto-brown-light.eot");
    src:url("fonts/lineto-brown-light.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-light.woff2") format("woff2"),
        url("fonts/lineto-brown-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Regular";
    src:url("fonts/lineto-brown-regular.eot");
    src:url("fonts/lineto-brown-regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-regular.woff2") format("woff2"),
        url("fonts/lineto-brown-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Brown-Bold";
    src:url("fonts/lineto-brown-bold.eot");
    src:url("fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-bold.woff2") format("woff2"),
        url("fonts/lineto-brown-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Italic";
    src:url("fonts/lineto-brown-italic.eot");
    src:url("fonts/lineto-brown-italic.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-italic.woff2") format("woff2"),
        url("fonts/lineto-brown-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Footer */

.footer-part { background:#1a315c; float:left; width:100%; padding:13px 0; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0px 0 0;}
.footer-part ul.shared-links { padding:0; margin:0; list-style:none; float:right;}
.footer-part ul.shared-links li { padding:0; margin:0; color:#fff; font-size:12px; display:inline-block; line-height:24px; vertical-align:top; }
.footer-part ul.shared-links li:first-child { padding-right:5px; }
.footer-part ul.shared-links li a { width:24px; height:24px; display:block; }
.footer-part ul.shared-links li a.facebook { background:url(../images/fb.png) left bottom no-repeat; }
.footer-part ul.shared-links li a.twitter { background:url(../images/tw.png) left bottom no-repeat; }
.footer-part ul.shared-links li a.in { background:url(../images/in.png) left bottom no-repeat; }
.footer-part ul.shared-links li a:hover { background-position:left top; }
.footer-part .left { float:left; width:auto; font-size:12px; line-height:24px;}

footer { width: 100%; background: url(images/footer-bg.jpg) no-repeat center 100%; float:left; clear:both;}
footer .footer-links { background: rgba(3, 27, 56, 0.93); padding: 20px 0 10px; float:left; clear:both; width:100%;}
footer .footer-links a { color: #fff; padding: 5px 0px; }
footer .footer-links a:hover{color:#0187e6; text-decoration: none;}

.synnex-links { color: #ffffff; font-family: "Brown-Regular"; text-transform: none; }
.synnex-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; font-family: "Brown-Regular"; color:#fff!important;}
.synnex-links ul { margin: 0px; padding: 0px; list-style: none; }
.synnex-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; font-family: "Brown-Thin";}
.synnex-links ul li a { color: #fff; outline: none; }
		.input-group {border-collapse: separate;display: table;position: relative;}
.form-control{background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.input-group .form-control{float: left;margin-bottom: 0;position: relative;width: 100%;z-index: 2; font-family: "Brown-Regular";}
.input-group-addon, .input-group-btn, .input-group .form-control{display: table-cell; vertical-align:middle;}

.pull-right{float:right;}
.text-right{text-align:right;}
.social-links { color: #ffffff; font-family: "Brown-Regular"; text-transform: none; }
.social-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; font-family: "Brown-Regular"; color:#fff!important;}
.social-links ul { margin: 0px; padding: 0px; list-style: none;}
.social-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; display: inline-block;}
.social-links ul li a { color: #fff; outline: none; padding: 0px 5px;}

.linkedin-icon, .facebook-icon, .twitter-icon { display: block; float: left; width: 25px; height: 20px; margin-right: 3px; }
.linkedin-icon { background-position: -40px -7px; }
.facebook-icon { background-position: -12px -7px; }
.twitter-icon { background-position: -65px -7px; }

.modal_4 {display: none;position: fixed;z-index: 999;padding-top:0;margin:auto;left:0; right:0; top:0; bottom:0;overflow: hidden;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.5);}

/* Modal Content */
.modal_4_content {background-color: #fff;margin: auto;padding:0;border: none;position:fixed; overflow:auto; left:22px; right:22px; top:30px; bottom:30px;}

/* The Close Button */
.closebtn {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.closebtn:hover,
.closebtn:focus {color: #000;text-decoration: none;cursor: pointer;}
.closebtnterms {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.closebtnterms:hover,.closebtnterms:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Search */
.footer-search { float: right; }
.footer-search .input-group { float: right; background: #ffffff; border-radius: 3px; max-width: 200px; margin-top: 50px; overflow: hidden; }
.footer-search .form-control { border: 0px; font-size: 12px; border-radius: 10px 0 0 10px; box-shadow: none; }
.footer-search .input-group-addon { background: none; border: 0px; padding: 0px; }
.footer-search .input-group-addon input[type="submit"] { border: 0px; width: 40px; height: 30px; outline: none; cursor:pointer;}

.footer-search-btn { background-position: -87px -3px;}
footer .copyright { background: rgba(8, 31, 59, 0.93); padding: 10px 0; color: #fff; font-family: "Brown-Light"; font-size: 11px; text-align: left; width:100%; float:left; clear:both;}
footer .copy-right-block{font-family: "Brown-Light";}
footer .copyright a { color: #fff; padding: 0 10px; font-family: "Brown-Light";}
footer .footer-terms{font-family: "Brown-Light";}

.copyright .copyr-links { text-align: right; font-family: "Brown-Light";}

.modal_4 .modal_4_content{padding:0;}
.modal_4 .modal-header{padding:35px 35px 0;}
.modal_4 .modal-header h2{font-size:44px; padding:20px 0 10px; font-family: "Brown-Light";}
.modal_4 .modal-body{padding:20px 35px 110px;}
.modal_4 .modal-body ol,.modal_4 .modal-body ul{padding:0 0 0 16px; margin:0; font-family: "Brown-Light"; font-size:16px;}
.modal_4 .modal-body ol li,.modal_4 .modal-body ul li{padding:0 20px; font-size:14px; font-family: "Brown-Light";}
.modal_4 .modal-body ol li{list-style:decimal;}
.modal_4 .modal-body ol li ol li{list-style:lower-alpha; font-family: "Brown-Light";}
.modal_4 .modal-footer{padding:35px; text-align:right; position:fixed; right:38px; left:22px; bottom:30px; background:#fff;}


.modal_4 .closebtnterms,
.modal_4 .closebtn{font-size:0; text-indent:-999px; position:fixed; right:50px; top:70px; background:url(../images/sprite.png) -137px -10px no-repeat; width:14px; height:14px; display:block;}
.modal_4 .btn-close { background: #0187e6; color: #ffffff; text-align: center; width: 120px; font-family: "Brown-Light"; font-size: 16px; padding:7px 0 8px; border-radius: 0px; box-shadow: none; text-shadow: none; outline: none; border:none; cursor:pointer;}
.modal_4 .btn-close:hover, .modal_4 .btn-close:focus { background: #0187e6; box-shadow: none; text-shadow: none; }

.modal-body h3,.modal-body h4{font-family: "Brown-Light";}
.modal-body ol li p, .modal-body ol li p{font-family: "Brown-Light";}

		@media screen and (max-width: 768px) {

			#footer {
				padding: 3em 0 1em 0;
			}
			a.fancybox-thumb img {
			max-width: 70px!important;
	}

		}


/*-- Media --*/
@media screen and (max-width: 1200px) {
	a.fancybox-thumb img {
		max-width: 115px!important;
	}
}
@media screen and (max-width: 993px) {
	a.fancybox-thumb img {
		max-width: 85px!important;
		padding-top:1em;
	}
}