/* ==========================================================================
   Helper classes
   ========================================================================== */
.container { margin: 0 auto; position: relative; width: 100%; max-width: 990px; padding: 0 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
.container-fluid { width: 100%; padding: 0 15px; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

img { max-width: 100%; }
ul, li { list-style: none; padding: 0; margin: 0; }
p { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; line-height: 1em; padding: 0; }
p { color: #382F2D; font-size: 18px; line-height: 1.18em; }
a { text-decoration: none; color: #DC1928; }
input[type="text"], input[type="email"] { -webkit-appearance:none; -webkit-border-radius:0; }
iframe { border: none; }

/* ==========================================================================
   Responsive helpers
   ========================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
 * Grid helpers inspired from Twitter Bootstrap
 */
.row { margin: 0 -20px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }
.row>div { padding: 0 20px; }

.row-0 { margin: 0; }
.row-0>div { padding: 0; }

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}

.hidden-desktop { display: none; }

.pull-right { float: right; }
.pull-left { float: left; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { }
body { font-family: 'L News Gothic W01'; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-text-size-adjust: 100%; overflow-x: hidden; }


.btn{ font-size: 14px; font-weight: 600; padding: 12px 25px; line-height: 1; }
a.btn { display: inline-block; }
.btn.btn-arrow{position: relative;  padding: 14.5px 25px 12.5px 38px;}
.btn.btn-arrow:before{ content: url('../images/general/icon-arrow-right-white.svg'); width: 10px; height: 15px; display: block; position: absolute; left: 14px; top: 12.5px; }
.btn.btn-green{ background-color: #34b98c; color: #ffffff; }
.btn.btn-lightblue{background-color: #2192d1; color:#fff;  }
p.successMessage { font-weight: bold; color: #0b9c00; margin-bottom: 12px; }


/* ==========================================================================
   HEADER
   ========================================================================== */
   header{ position: relative; background-color: #000000; }
   header .logo{ display: block; float: left; width: 138px; margin: 32px 0; height: 22px; background: url('../images/general/logo.png') no-repeat center; background-size: contain; text-indent: -999999px; }
   header .main-menu{ float: right; }
   header .main-menu li{ float: left; }
   header .main-menu li a{ position: relative; display: block; color: #ffffff; font-size: 15px; padding: 36px 18px; }
   header .main-menu li.active a:before{ content: url('../images/general/icon-arrow-down-white.png'); position: absolute; top: -6px; left: 50%; margin-left: -9.5px; }
   header .main-menu li.register-btn{ margin-left: 25px; }
   header .main-menu li.register-btn a{ padding: 36px 0; text-align: center; width: 110px; background-color: #e6e7e8; color: #000000; }
   header .main-menu li.login-btn{  }
   header .main-menu li.login-btn a{ padding: 36px 0; text-align: center; width: 110px; background-color: #2192d1; color: #ffffff; }


/* ==========================================================================
   HERO SECTION
   ========================================================================== */
   .section-hero{ height: 540px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* ==========================================================================
   ABOUT SECTION
   ========================================================================== */
   .section-about{ background: url('../images/general/img-2.jpg') no-repeat center; background-size: cover; padding: 100px 0; }
   .section-about .about-text{ text-align: center; }
   .section-about .about-text h4{ font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 10px; line-height: 1; }
   .section-about .about-text p{ max-width: 520px; font-weight: 600; color: #ffffff; font-size: 30px; line-height: 1.15; margin: 0 auto; }
   .section-about-main .about-text { margin-bottom: 60px; }

/* ==========================================================================
   CASEVIEW SECTION
   ========================================================================== */
   .section-hero{  position: relative;}
   .section-caseview{ margin-top: -90px; }
   .section-caseview .top-img{ position: relative; padding-bottom: 25px; margin-bottom: 50px; }
   .section-caseview .top-img img{ display: block; margin: 0 auto; }
   .section-caseview .top-img .try-now{ position: absolute; bottom: 0; right: 70px; }
   .arrow-down{position: absolute; bottom: -23.5px; left:50%; margin-left: -23.5px;}
   .section-caseview .caseview-slider{ margin-bottom: 45px; }
   .section-caseview .caseview-slider .slider-top{ margin-bottom: 40px; }
   .section-caseview .caseview-slider .slider-top h3{ font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 20px; }
   .section-caseview .caseview-slider .slider-top p{ max-width: 555px; width: 100%; margin: 0 auto; text-align: center; font-size: 14px; line-height: 1.5; }
   .section-caseview .caseview-slider .slider{ width: 100%; position: relative; padding-bottom: 40px; }
   .section-caseview .caseview-slider .slider .cycle-slideshow{ width: 100%; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide{ width: 100%; text-align: center; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .box{ height: 100%; border-right: 1px solid #2192d1; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .col4:last-child .box{ border: none; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .icon{ display: block; text-align: center; margin-bottom: 35px; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .icon img{ display: inline-block; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .text{ padding: 0 55px; text-align: center; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .text h4{ font-size: 18px; color: #2192d1; margin-bottom: 15px; font-weight: 600; }
   .section-caseview .caseview-slider .slider .cycle-slideshow .slide .text p{ font-size: 14px; line-height: 1.8; }
   .section-caseview .caseview-slider .slider .custom-pager{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; }
   .section-caseview .caseview-slider .slider .custom-pager span{ cursor: pointer; width: 8px; margin: 0 5px; height: 8px; border-radius: 5px; background-color: #231f20; display: inline-block; }
   .section-caseview .caseview-slider .slider .custom-pager span.active-pager{background-color: #2192d1; }

    .section-caseview .caseview-slider .slider .custom-pager2{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; }
    .section-caseview .caseview-slider .slider .custom-pager2 span{ cursor: pointer; width: 8px; margin: 0 5px; height: 8px; border-radius: 5px; background-color: #231f20; display: inline-block; }
    .section-caseview .caseview-slider .slider .custom-pager2 span.active-pager{background-color: #2192d1; }

    .section-caseview .caseview-slider .slider .custom-pager3{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; }
    .section-caseview .caseview-slider .slider .custom-pager3 span{ cursor: pointer; width: 8px; margin: 0 5px; height: 8px; border-radius: 5px; background-color: #231f20; display: inline-block; }
    .section-caseview .caseview-slider .slider .custom-pager3 span.active-pager{background-color: #2192d1; }

    .section-caseview .caseview-slider .slider .custom-pager4{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; }
    .section-caseview .caseview-slider .slider .custom-pager4 span{ cursor: pointer; width: 8px; margin: 0 5px; height: 8px; border-radius: 5px; background-color: #231f20; display: inline-block; }
    .section-caseview .caseview-slider .slider .custom-pager4 span.active-pager{background-color: #2192d1; }
   .section-tip{ padding: 20px 0; background-color: #2192d1; text-align: center; }
   .section-tip h3{ color: #ffffff; font-size: 16px; text-transform: uppercase; }
   .section-tip h3 a { color: #000; }
   .section-tip h3 a:hover { text-decoration: underline; }

/* ==========================================================================
CONTACT SECTION
========================================================================== */
   .section-contact{padding-top: 65px; padding-bottom: 75px; background-color: #231F20; color:#fff;}
   .section-contact h4{ font-size: 22px; font-weight: bold; color:#2192D1; padding-bottom: 28px;}
   .section-contact p{color:#fff; font-size: 14px; padding-bottom: 11px; line-height: 1.8em;}
   .section-contact p a { color: #fff; text-decoration: underline; }
   .section-contact .p-big{font-weight: bold; font-size: 18px; line-height: 1.3em;}
   .section-contact span{font-size: 14px; display: block;}
   .section-contact .btn{    display: table; margin-top: 24px;}

   .social-group{margin-top: 46px;}
   .social-group h4{padding-bottom: 18px;}
   .social li{display: inline-block; margin-right: 10px;}
   .form-contact input{width: 100%; color:#fff; font-size: 14px; line-height: 39px; padding-left: 20px; border:none; background-color:#414042; margin-bottom: 10px; }
   .form-contact textarea{width: 100%; height: 112px; resize: none; color:#fff; font-size: 14px; line-height: 39px; padding-left: 20px; border:none; background-color:#414042; margin-bottom: 10px; }
   .form-contact input[type=submit]{width: 69px; padding: 0; background-color: #2192D1;}
   .form-contact label.error { display: block; margin-bottom: 20px; color: #f00; }
   .form-contact p{line-height: 39px; font-size: 14px;}
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }
    :-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }
    :-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }

/* ==========================================================================
PARTNERS SECTION
========================================================================== */
   .section-partners{text-align: center; padding-top: 56px; padding-bottom: 50px;}
   .section-partners h4{ padding-bottom: 45px; font-weight: 600; color:#231F20; font-size: 22px;}
   .logo-group{position: relative;/* left: 30px; */}
   .logo-group a{display: inline-block;}
   .logo-group .partner-logo2{margin-right: 45px; margin-left: 15px;}

/* ==========================================================================
Footer
========================================================================== */
   footer{ color:#fff; background-color: #2192D1;}
   footer p{font-size: 14px; padding: 20px 0; color:#fff; }
   footer p a{color:#fff;}


/* ==========================================================================
ABOUT PAGE
========================================================================== */
   .section-about-main{padding-top: 50px; padding-bottom: 90px; position: relative;}
   .section-about-main2{padding-top: 80px; padding-bottom: 60px;}
   .section-about-main h2.title{padding-bottom: 62px; color:#231F20; font-size: 30px; font-weight: 600;}
   .section-about-main .about-text h4{font-size: 18px; font-weight: bold; color: #2192D1; padding-bottom: 7px;}
   .section-about-main .about-text p, .section-about-main .about-text li {font-size: 14px; color:#231F20; line-height: 1.8em; padding-bottom: 38px;}
   .section-about-main .about-text li { line-height: 1.8; padding-bottom: 0; list-style: disc; margin-left: 20px; }
   .about-img-wrapper{padding-left: 48px;}
   .about-img-wrapper img{width: 100%; padding-bottom: 17px;}
   .about-img-wrapper2{padding-left: 0; padding-right: 48px;}

   .section-about-sub .about-text p{font-size: 18px; padding-bottom: 14px;}
   .section-about-sub .about-text h4{margin-bottom: 15px;}
   .section-about-sub .about-text .btn{ display: table; margin: 0 auto;  margin-top: 8px;}

   .section-about-main2 .about-text{padding-top: 35px;}
   .section-about-main2 .logo-group{ padding-top: 30px; padding-bottom: 30px; border-bottom: 3px solid #2192D1; border-top: 3px solid #2192D1; left: 0; padding-left: 10px;}
   .section-about-main2 .logo-group h4{ color:#231F20; margin-bottom: 30px;}
   .section-about-main2  .logo-group .partner-logo2{margin-right: 30px; margin-left: 0px;}

/* ==========================================================================
   MEMBERSHIP PAGE
   ========================================================================== */
#membership { position:relative; }
	#membership h1 { font-size:22px; text-transform:uppercase; line-height:1em; margin-bottom:17px; }
	#membership h2 { font-size:16px; font-weight:bold; margin-bottom:8px; line-height:1em; }
	#membership p { padding-right:50px; }
	#membership .row-head .col2, #membership .row-foot .col2 { font-size:18px; text-align:center; }
	#membership .row-foot { margin-bottom:0; border: none !important; }
	/*
	.btn { display:inline-block; padding:0 20px; line-height:36px; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase;  }
	.btn:hover { color:#fff; }
	.btn.disabled { color: #888 !important; background: #aaa !important; cursor: default; }
	/*.btn:hover { color: #ccc; }*/
	#membership .row { margin:0 -10px 13px; padding-bottom:13px; border-bottom:1px solid #e3e3e5; }
	#membership .col8 { padding:0 10px; float:left; width: 66.66666666666666%; }
	#membership .col2 { padding:0 10px; float:left; width: 16.666666666666664%; text-align: center; }
	#membership .col2 h2 { text-align: center; }
	#membership .tick { width:100%; height:55px; background:url(../images/tick.png) center center no-repeat; }
	#membership .btn { display: inline-block; }
    .btn-blue { background: #2192d1; color: #fff; text-transform: uppercase; }
    .btn-gray { background: #ccc; color: #fff; text-transform: uppercase;  }

/* ==========================================================================
   CONTACT PAGE
   ========================================================================== */
#contactForm { padding: 20px; background: #eee; margin-top: 20px; }
#contactForm h3 { font-weight: bold; font-size: 16px; margin-bottom: 12px; }
#contactForm div.input { margin-bottom: 12px; position: relative; }
#contactForm div.input input { border: none; padding: 3px; width: 100%; outline: none; font-family: 'L News Gothic W01', Arial, Helvetica, sans-serif; }
#contactForm div.input input:focus { background: #f6f6f6; }
/*#contactForm div.input label { position: absolute; margin-top: 3px; margin-left: 3px; }*/
#contactForm div.input label { margin-bottom: 3px; display: block;  }
#contactForm div.input label.error { position: relative; margin-top: 0; margin-left: 0; color: #c00; }
#contactForm div.input textarea { padding: 3px; border: none; width: 100%; height: 75px; outline: none;
	font-family: 'L News Gothic W01', Arial, Helvetica, sans-serif; }
#contactForm div.submitRow { text-align: right; }
#contactForm div.submitRow #mailingList { float: left; margin-top: 5px; }
#contactForm div.submitRow input[type=submit] { border: none; padding: 5px 10px; background: #000; color: #fff; font-weight: bold; outline: none;
	cursor: pointer; font-family: 'L News Gothic W01', Arial, Helvetica, sans-serif; }
#contactForm div.submitRow input[type=submit].disabled { background: #666; color: #ccc; }

/* ==========================================================================
   REGISTRATION PAGE
   ========================================================================== */
#registerLayout .row h2 { margin-top: 40px; }
#registerLayout .row { max-width: 990px; margin: 0; }
#registerForm { padding: 30px; background: #eee; }
#registerForm div.input { margin-bottom: 12px; }
#registerForm div.input label { display: inline-block; width: 180px; font-weight: bold; }
#registerForm div.input label.error { display: block; width: auto; color: #c00; margin-left: 183px; margin-top: 5px; }
#registerForm div.input input.text { height: 36px; width: 688px; padding: 3px; border: none; outline: none;
	font-family: 'L News Gothic W01', Arial, Helvetica, sans-serif; }
/*#registerLayout h3 { font-weight: bold; display: inline-block; vertical-align: top; width: 180px; }*/
#registerLayout div.termsAndConditions { width: 688px; height: 200px; overflow-y: scroll; display: inline-block; padding: 20px; background: #fff; }
#registerLayout div.input h3 { font-size: 16px; font-weight: bold; display: inline-block; vertical-align: top; }
#registerLayout div.checkbox { margin-left: 180px; }
#registerForm div.input div.checkbox label { width: auto; font-weight: normal; margin-left: 10px; vertical-align: middle; }
#registerForm div.input input[type=checkbox] { vertical-align: middle; }
#registerForm .submitRow { text-align: center; }
#registerForm .submitRow input[type='submit'] { outline: none; padding: 5px 10px; background: #000; border: none; color: #fff; cursor: pointer;
	font: bold 16px 'L News Gothic W01', Arial, Helvetica, sans-serif; }
#registerForm div.select div.jstyling-select { width: 50%; display: inline-block; vertical-align: middle; }
#registerForm div.select div.jstyling-select-l { box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); }

/* ==========================================================================
   LOGIN PAGE
   ========================================================================== */
#loginLayout #main, #forgot_passwordLayout #main { width: 100%; }
#loginForm, #forgotPasswordForm { padding: 30px; background: #eee; }
#loginForm div.input, #forgotPasswordForm div.input { margin-bottom: 12px; }
#loginForm div.input label, #forgotPasswordForm div.input label { display: inline-block; width: 180px; font-weight: bold; }
#loginForm div.input label.error, #forgotPasswordForm div.input label.error { display: block; width: auto; color: #c00;
	margin-left: 183px; margin-top: 5px; }
#loginForm div.input input.text, #forgotPasswordForm div.input input.text { height: 36px; width: 688px; padding: 3px; border: none;
	font-family: 'L News Gothic W01', Arial, Helvetica, sans-serif; outline: none; }
#loginForm .submitRow, #forgotPasswordForm .submitRow { text-align: center; }
#loginForm .submitRow p, #forgotPasswordForm .submitRow p { margin-bottom: 20px; }
#loginForm .submitRow input[type='submit'], #forgotPasswordForm .submitRow input[type='submit'] { outline: none; padding: 5px 10px;
	background: #000; border: none; color: #fff; font: bold 16px 'L News Gothic W01', Arial, Helvetica, sans-serif; cursor: pointer;
	margin-bottom: 20px; }
#loginForm a { color: #000; text-decoration: underline; }

/* ==========================================================================
   MASK
   ========================================================================== */
#mask { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:100; display: none; }
/* terms modal */
#termsModal { display: none; position: fixed; top: 50%; left: 50%; width: 600px; height: 700px; margin-left: -300px; margin-top: -350px; z-index: 110;
	padding: 20px; background: #fff; }
#termsModal .heading { text-align: right; margin-bottom: 20px;}
#termsModal #termsClose { width:36px; height:36px; background:#5a5959 url(../images/x-big.png) center center no-repeat; display: inline-block;
	text-indent: -9999px !important; position:relative;}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Modify as content requires.
   ========================================================================== */
/*
 * Tablet
 */
@media only screen and (max-width: 1030px) {
    /* Tablet grid */
    .col-md-12{width:100%;}
    .col-md-11{width:91.666666666667%;}
    .col-md-10{width:83.333333333333%;}
    .col-md-9{width:75%;}
    .col-md-8{width:66.666666666667%;}
    .col-md-7{width:58.333333333333%;}
    .col-md-6{width:50%;}
    .col-md-5{width:41.666666666667%;}
    .col-md-4{width:33.333333333333%;}
    .col-md-3{width:25%;}
    .col-md-2{width:16.666666666667%;}
    .col-md-1{width:8.3333333333333%;}

    /* Helpers */
    .hidden-tablet { display: none; }
    .visible-tablet { display: block; }
    .container {  padding: 0 40px; }
    header{ position: fixed; z-index:3000; width: 100%; top:0; left:0;}
    header .main-menu li.login-btn a{width: 80px; font-size: 13px;}
    header .main-menu li.register-btn a{width: 80px; font-size: 13px;}
    header .main-menu li a{padding: 35px 10px; font-size: 13px;}
    main{ padding-top: 85px;}

}

/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
    /* Mobile grid */
    .col-sm-12{width:100%;}
    .col-sm-11{width:91.666666666667%;}
    .col-sm-10{width:83.333333333333%;}
    .col-sm-9{width:75%;}
    .col-sm-8{width:66.666666666667%;}
    .col-sm-7{width:58.333333333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.666666666667%;}
    .col-sm-4{width:33.333333333333%;}
    .col-sm-3{width:25%;}
    .col-sm-2{width:16.666666666667%;}
    .col-sm-1{width:8.3333333333333%;}

    /* Helpers */
    .hidden-mobile { display: none; }
    .visible-mobile { display: block; }
    .container {  padding: 0 25px; }
    .menu-toggle{width: 25px; height: 20px; display: block;position: absolute; top:32px; right: 25px; background: url("../images/general/menu-toggle.png") no-repeat;}
    .menu-toggle.close{width: 20px; height: 20px; background: url("../images/general/menu-close.png") no-repeat;}
    header .container{padding: 0;}
    header .logo{float:none; margin-left: 25px;}
    header .main-menu li.active a:before{content:"";}
    header .main-menu{float:none;  position: absolute; z-index: 1000; width: 100%;}
    header .main-menu li.login-btn{ background-color: #2192d1;}
    header .main-menu li.login-btn a{width: auto; font-size: 15px;  padding: 15px 25px; text-align: left;  margin-right: 25px;}
    header .main-menu li.register-btn{ margin-left: 0;    background-color: #e6e7e8;}
    header .main-menu li.register-btn a{width: auto; font-size: 15px;  padding: 10px 25px; text-align: left;  margin-right: 25px; background:  url('../images/general/arrow-right-black.png') no-repeat; background-position: 100% 50%;background-size: 8px 11px; }
    header .main-menu li a{    font-size: 15px;  padding: 10px 25px; background:  url('../images/general/icon-arrow-right-white.svg') no-repeat; background-position: 100% 50%;background-size: 8px 11px;     margin-right: 25px;  }
    header .main-menu li{float:none; display: block; background-color: #4D4D4F;}
    .btn{font-size: 11px; display: table;  padding: 11px 25px 9px 38px;}
    .btn.btn-arrow:before{top:8px;}
    .section-hero{height: 230px; border-bottom: 1px solid #fff}
    .arrow-down{bottom:-27px;}
    .section-about .about-text p{font-size: 16px; line-height: 1.5em;}
    .section-about .about-text h4{font-size: 14px;}
    .section-caseview .top-img .try-now{ right: 0; margin: 0 auto;  margin-top: 35px;  display: table;  position: inherit;}
    .section-about{  padding-top: 65px; padding-bottom: 60px; background: url('../images/general/bg-mobile.png') no-repeat center center; background-size: cover;}
    .section-caseview{margin-top: -45px;}
    .section-caseview .top-img{padding-bottom: 10px;}
    .section-caseview .caseview-slider .slider-top h3{margin-bottom: 15px; font-size: 16px;}
    .section-caseview .caseview-slider .slider-top p{font-size: 12px;}
    .caseview-slider .slider .cycle-slideshow  .box{ height: 100%; border: none;}
    .section-caseview .caseview-slider .slider .cycle-slideshow  .col4:last-child .box{ border: none; }
    .section-caseview .caseview-slider .slider .cycle-slideshow .icon{ display: block; text-align: center; margin-bottom: 35px; }
    .section-caseview .caseview-slider .slider .cycle-slideshow  .icon img{ display: inline-block; }
    .section-caseview .caseview-slider .slider .cycle-slideshow  .text{ padding: 0px; text-align: center; }
    .section-caseview .caseview-slider .slider .cycle-slideshow  .text h4{ font-size: 16px; color: #2192d1; margin-bottom: 10px; font-weight: 600; }
    .section-caseview .caseview-slider .slider .cycle-slideshow  .text p{ font-size: 12px; line-height: 1.5; }
    .section-caseview .caseview-slider .slider .cycle-slideshow{overflow: visible!important;}
    .section-caseview .caseview-slider .slider .custom-pager2{bottom: -50px;}
    .section-caseview .caseview-slider .slider .custom-pager3{bottom: -50px;}
    .section-caseview .caseview-slider .slider .custom-pager4{bottom: -50px;}

    .section-tip h3{font-size: 14px; line-height: 1.6em;}
    .section-contact{padding-bottom: 50px; padding-top: 55px;}
    .section-contact .p-big{font-size: 14px;}
    .section-contact p{font-size: 10px;}
    .section-contact span{font-size: 10px;}
    .contact-text{ float: left; width: 70%;}
    .section-contact h4{font-size: 17px; padding-bottom: 22px;}
    .social-group{  margin-top: 0; float: left;  }
    .form-contact{margin-top: 60px;}
    .form-contact input{line-height: 30px; font-size: 12px; }
    .form-contact input[type=submit]{font-size: 11px; width: 55px; line-height: 30px;}
    .form-contact p{font-size: 10px; line-height: 30px;}
    .logo-group{left:0;}
    .logo-group a{display: block; margin: 0 20px;}
    .logo-group .partner-logo2{margin-left: 0; margin-right: 0;}
    .section-partners{padding: 40px 0;}
    .section-partners h4{font-size: 16px; padding-bottom: 20px; }
    .accordion.margin-bottom{margin-bottom: 3px;}
    .accordion .section-caseview{ margin-top: 25px;}
    .acc-title{cursor: pointer; color:#fff; font-size: 11px; font-weight: bold; line-height: 42px; background: #F5841F url('../images/general/icon-arrow-right-white.svg') no-repeat; background-position: 40px 50%;background-size: 8px 11px;  padding-left: 60px;}
    .acc-content{display: none;}
    footer{text-align: center; padding-top: 25px; padding-bottom: 5px;}
    footer p{padding: 0; padding-bottom: 15px; font-size: 12px;}
    footer p a{font-size: 12px;}

    footer .pull-left, footer .pull-right{ float:none;}

    /*---about---*/
    .section-about-main{padding-top: 40px; padding-bottom: 40px;}
    .about-img-wrapper{padding-left: 0;}
    .about-img-wrapper2{padding-right: 0;}
    .section-about-main .about-text{padding-top: 30px;}
    .section-about-main h2.title{padding-bottom: 35px; font-size: 22px;}
    .section-about-main .about-text h4{font-size: 16px;}
    .section-about-main .about-text p{font-size: 12px; padding-bottom: 25px;}
    .section-about .about-text{font-size: 14px; line-height: 1.5em;}
    .section-about-main2 .logo-group{text-align: center;}
    .section-about-main2 .logo-group h4{margin-bottom: 20px;}
}